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。 ，而沒有它們驚人的開源組件，這一切都不是可能的。
由貢獻者製成。
