tina cloud starter

蒂娜（Tina）入门者？

next.js入门者由tinacms提供动力，您和您的团队可以在视觉上进行现场编辑网站的结构化内容。

该内容是通过Markdown和GitHub存储库中存储的JSON文件来管理的，并通过TINA GraphQL API进行查询。

特征

• Tina Headless CMS用于身份验证，内容建模，视觉编辑和团队管理。
• Vercel部署将从/admin路线视觉上编辑您的站点。
• 使用本地GRAQHQL Server从文件系统进行本地开发工作流。

要求

• Git，Node.js Active LTS，安装了用于本地开发的PNPM。
• TINACMS帐户进行现场编辑。

地方发展

安装项目的依赖性：

笔记

您知道Node.js的最佳软件包管理器吗？使用合适的软件包管理器可以大大增强您的开发工作流程。我们建议使用PNPM进行依赖性的速度和有效处理。了解有关为什么PNPM通过从SSW中查看此规则的最佳选择。

 pnpm install

在本地运行该项目：

 pnpm dev

本地URL

• http：// localhost：3000：浏览网站
• http：// localhost：3000/admin：连接到蒂娜云，进入编辑模式
• http：// localhost：3000/exit-admin：登录蒂娜云
• http：// localhost：4001/altair/：GraphQl Playground测试查询并浏览API文档

在本地构建起动器（使用托管内容API）

将.env.example替换为.env

 NEXT_PUBLIC_TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
NEXT_PUBLIC_TINA_BRANCH=<Specify the branch with Tina configured>

建立项目：

pnpm build

得到帮助

为了解决您可能面临的任何tinacms挑战的帮助：

• 访问文档以了解蒂娜。
• 加入我们的不和谐以分享反馈。
• 访问社区论坛以提出问题。
• 通过Tinacms仪表板上的聊天小部件获得支持
• 通过电子邮件发送给我们与我们的团队安排电话，并分享有关您的上下文以及您要实现的目标的更多信息。
• 如果某事不起作用，搜索或打开问题。
• 通过@TINA_CMS在Twitter上与您联系。

开发技巧

Visual Studio代码GraphQl扩展

安装GraphQL扩展名，以受益于类型自动完成。

打字稿

确保组件匹配数据形状的一种好方法是利用自动生成的打字稿类型。当您的tina配置更改时，这些会重建。

执照

根据Apache 2.0许可证许可。