注意:本文档假设您已经有一个正在运行的站点。如果没有,您可以快速开始使用我们的NextJS入门项目。
我们创建了一种快速启动Tina应用程序的方法,以展示可视化编辑的强大功能;在终端中输入以下命令:
npx @tinacms/cli@latest init
有关非NextJS站点的提示帮助,请参阅本指南。
此命令将询问您几个问题,并在您的应用程序中设置Tina样板:
tina
目录中定义一个基本的内容架构。package.json
以使dev
、build
和start
脚本运行tina GraphQL API。根据您的框架,tina init
可能会尝试更新您的package.json
脚本。
"scripts": {"dev": "tinacms dev -c \"next dev\"","build": "tinacms build && next build","start": "tinacms build && next start"}
"scripts": {"dev": "tinacms dev -c \"hugo server -D\"","build": "tinacms build && hugo"}
如果CLI没有设置这些,您需要手动应用。
现在我们已经设置了一个基本的Tina样板,您可以使用以下命令启动您的应用程序:
yarn dev
当Tina在NextJS站点上初始化时,会创建一个"/admin/index.html"页面,允许编辑者登录并开始进行内容更改。
现在,如果您导航到http://localhost:3000/admin/index.html
(假设您的站点运行在端口3000),您应该会看到一个新的CMS登录页面已添加到您的站点!
注意,许多框架提供了一种将/admin/index.html
重定向到/admin
的方法。
接下来,我们将向您展示如何使用CMS并开始编辑一些内容!