destack
1.0.0
在您的React或Next.js项目中在视觉上构建着陆页。部署它们零进一步配置！
？示例： PrettyFunnels.com，getDestack.com
[13/03/2024] Destack V3刚刚在NPM上发布。在拉动/103和问题/104上了解更多信息。请注意，必须使用V3重新创建使用V2的页面才能平稳运行。
[10/10/2023] Destack V3在Beta中。此版本是从头开始重写编辑器的。在Destack-Starter-Beta上检查一下。更多信息/103和问题/104。
[13/06/2023]另外三个主题被添加了前，流咬和流动裂痕。
[04/02/2023]版本2刚刚在NPM上发布。使用Destack@2或Destack@最新尝试尝试一下。
[17/12/2022] Destack V2现在正在Beta中。这是基于Craft.js的新自定义页面构建器的重大重写。在Destack-Starter-Beta上检查一下。在拉动/62和问题/22上有更多信息。
[11/10/2022] Destack现在支持多个主题。已经添加了两个新主题Meraki UI和Hyper UI。
它是在您的React或Next.js项目中构建着陆页的工具。 DESTACK包括来自尾巴，Meraki UI，Hyper UI，Preline，Flow Bite and Flow Rift的多个组件。它还支持图像上传和形式提交。
Destack可以帮助您停止担心营销页面，以便您专注于项目。
Destack现在支持主题选择。
| 主题选择 | Meraki UI（组件） |
| 超级UI（组件） | 尾巴（组件） |
| PRELINE（组件） | 流裂（组件） |
| 流咬（组件） |
Destack可以支持许多开源后风主题。如果您想帮助添加新主题，请在讨论中创建一个新主题，或在Twitter上与我联系。
有数百个设计良好且功能强大的功能障碍，这些块，Meraki UI，Hyper UI，Preline，Flow Bite和Flow Rift。支持Tailwind的主题颜色，即。红色，黄色，绿色，蓝色，靛蓝，紫色和粉红色。
由定制最小的页面构建器提供动力，并以简单的态度创建。它支持使用浏览器DevTools中的Inspector更改尾风CSS类和CSS属性。
Destack通过编辑器将您的所有资产存储在GitHub，Bitbucket等上。没有外部依赖性可以管理或担心。
将图像存储在您的存储库中的编辑器中，并在生产时将其显示。还支持框外的HTML和API表单提交。
工作现有和新React和Next.js项目。需要最小的设置，并且不需要额外的配置，以将您的着陆页部署到生产中。
叉子启动项目
或将项目部署到Vercel：
或使用GitPod在线预览：
npm i destack创建pages/api/builder/handle.js ，并添加以下内容：
export { handleEditor as default , config } from 'destack/build/server' 在任何next.js页面上，您都需要设置DESTACK：
export { getStaticProps } from 'destack/build/server'
export { ContentProvider as default } from 'destack'分叉命运反应启动项目
或将项目部署到Vercel：
或使用GitPod在线预览：
npm i destack在package.json中：
destack -d "react-scripts start"替换“启动”脚本destack -b "react-scripts build"替换“构建”脚本在任何react.js组件中，您都需要设置DESTACK：
export { ContentProviderReact as default } from 'destack'？ Destack由两个主要组件组成，第一个是一个React组件，该组件显示了编辑器或生成的页面，第二个是下一个。JSAPI路由，将您的进度保存到存储库中。
？当您运行development项目（即使用npm run dev ）时，React组件将从NODE_ENV环境变量中理解它，并向您展示可以视觉创建目标网页的编辑器。
您所做的每一个更改都转到更新default.json文件的API路由。该文件包含您的登录页面的HTML，它记得您如何构建页面，因此您可以稍后返回以更新它。
什么时候该是时候进行production （即do npm run build或部署到vercel），react组件再次读取NODE_ENV ，并静态地生成了您从default.json文件destack构建的页面的html版本。
注意：上面的描述是下一步的。在react.js中，
destack -b脚本创建了一个API路由，类似于上面所述的处理模板更改和文件上传的文件。在生产中，destack -d脚本将default.json复制到public文件夹，并构建页面的静态版本。
有关项目的架构的更多信息。
async如果不需要重定向async表单，您可以创建API路线/api/submitpublic/uploaded其原始文件名示例： https：//github.com/liveduo/destack-landing
在Next.js项目的pages文件夹中创建一个新的页面文件，并按照＃with-An-at-Eman-Existing-Nextjs-project在各个页面上所述进行导入destack 。
按照＃with-a-a-new-reAtctjs-project中所述的React.js项目中的react-router-dom或router-tutorial安装路由destack 。有关更多信息，请查看DESTACK-REACT-Starter。
参见贡献
该项目是出于快速原型，维护生成页面的所有权并与无服务器JAM-stack框架兼容的需求而发展。
next.js？ ➕尾风CSS？ = ??
请去向这些项目展示一些爱（️）。
不要忘记检查尾巴，Meraki UI，Hyper UI，Preline，Flow Bite and Flow Rift。，而没有它们惊人的开源组件，这一切都不是可能的。
由贡献者制成。
