![]() ![]() Next.js: Create a file in api/submit.js.To handle a async forms you can create an API route.Add form URL & check async if don't want a redirection.Click on the form & head to components settings.In production the destack -d script copies default.json to the public folder and builds a static version of the page. In React.js, the destack -b script creates an API route similar to the one described above that handles template changes and file uploads in development. Note: The above description is for Next.js. do npm run build or deploy to Vercel) the React component reads NODE_ENV again and statically generates the HTML version of the page you build in the editor from the default.json file Destack created for you earlier. That file contains the HTML for your landing page and it remembers how you structure your page so you can come back later to update it. □ Every change you make goes to the API route which updates a default.json file. with npm run dev) the React component understands it from the NODE_ENV environment variable and shows you the editor where you can create your landing page visually. □□ When you run the project in development (ie. □ Destack is composed of two main components, the first is a React component that shows the editor or the generated page and the second is a Next.js API route that saves your progress to your repository. Import 'grapesjs/dist/css/' import export default App How it works Getting Started With a new Next.js project: Requires minimal setup and no extra configuration to deploy your landing pages to production. Works existing & new React and Next.js projects. Also supports HTML and API form submission out of the box. Stores the images uploaded in the editor in your repository & displays them when needed on production. There are no external dependencies to manage or worry about. □ Data Ownershipĭestack stores all your assets on Github, Bitbucket etc through the editor. The builder was created with simplicity in mind and aims to be quickest way to build a landing page for a side-project. Powered by Craft.js, a minimal page-builder framework. Red, Yellow, Green, Blue, Indigo, Purple & Pink. There are hundreds of well designed and heavily functional blocks from Tailblocks, Meraki UI, Hyper UI, Preline, Flow Bite and Flow Rift. If you want to help adding a new theme create a new topic in discussions or reach out to me on twitter. There are many open source Tailwind themes that Destack can support. It also supports image uploads and form submissions.ĭestack helps you stop worrying about marketing pages so you can focus on your project. Destack includes multiple components from Tailblocks, Meraki UI, Hyper UI, Preline, Flow Bite and Flow Rift. It's a tool to build landing pages within your React or Next.js projects. Two new themes have been added Meraki UI and Hyper UI. It's a major rewrite that comes new custom page builder based on Craft.js. Try it out with or Destack v2 is now in beta. □ Version 2 has just been released on NPM. ![]() □ Three more themes have been added Preline, Flow Bite and Flow Rift. Own the stack.īuild landing pages visually right in your React or Next.js projects. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |