⛔弃用
该存储库不再维护,仅适用于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预览模式在前端定义使用此入门玩家玩得开心!