⛔棄用
該存儲庫不再維護,僅適用於Strapi V3。您可以在Monorepo的開頭和啟動器上找到最新的Strapi V4版本。
使用Strapi創建公司網站的下一個入門者。
查看實時演示•閱讀博客文章

該起動器設計為靈活性。使用它,您將能夠在Strapi中完全管理您的網站內容,並自動生成下一個應用程序。營銷團隊將能夠在沒有開發人員幫助的情況下創建頁面並設計其佈局。
此入門者的特點是:
此入門使用Strapi公司模板
在這裡查看我們所有的入門者
使用我們的create-strapi-starter CLI來創建您的項目。
npx create-strapi-starter@3 my-site next-corporateCLI將創建一個MonorePo,安裝依賴項並自動運行您的項目。
下一個前端服務器將在此處運行=> http:// localhost:3000
Strapi後端服務器將在此處運行=> http:// localhost:1337
您可以使用這樣的URL打開預覽模式:
http://localhost:3000/api/preview?secret=<preview-secret>&slug=<slug>
<preview-secret>是您.env配置中定義的秘密令牌, <slug>是您在strapi中輸入的頁面。
雖然預覽模式在上面,您可以像published頁面一樣訪問draft頁面。
例如http:// localhost:3000/秘密將在預覽模式下使用。
橫幅將保留在導航下,讓您知道預覽模式已打開,它也可以使您關閉它。
要編輯此網站,您需要在開發環境中同時運行前端和後端。
我們為您建造了部分,但是您可能想添加更多以滿足您的需求。請按照以下步驟:
contentSections字段上檢查您的新部分。/frontend/components/sections中獲取data道具/frontend/components/sections.js ,然後將條目添加到sectionComponents對像中。我們使用Tailwind CSS進行造型。要修改頁面的外觀,您可以在/front/tailwind.config.js中編輯主題。閱讀尾風文檔,以查看您可以進行的所有更改。例如,您可以這樣更改原色:
const { colors } = require ( `tailwindcss/defaultTheme` )
module . exports = {
theme : {
extend : {
colors : {
primary : colors . green ,
} ,
} ,
} ,
} 您將需要分別部署frontend backend 。這是部署每個文檔的文檔:
不要忘記在生產應用程序上設置環境變量。
以下是前端所需的條件:
NEXT_PUBLIC_STRAPI_API_URL :strapi backend的URL,無落後PREVIEW_SECRET :用於保護您的預覽頁面的隨機字符串並為後端:
FRONTEND_URL :您的前端的URL,而無需拖曳斜線FRONTEND_PREVIEW_SECRET :next.js預覽模式在前端定義使用此入門玩家玩得開心!