安装 TinaCMS 🦙

我们有专门的入门套件，可以更快地启动和运行，但在这里我们将介绍如何将CMS添加到现有项目中。

现在我们准备开始添加TinaCMS了！

安装 TinaCMS

在你的项目目录中，通过运行以下命令安装TinaCMS…

1. 选择 NextJS 作为框架。
2. 选择 NPM 作为你的包管理器。
3. 对 TypeScript 选择“是”。

在TinaCMS添加到你的网站时，喝杯咖啡☕。

🪟 仅限Windows – 在 package.json 文件中更新你的开发脚本为 "tinacms dev -c \"next dev\""。

测试应用程序

1. 运行 npm run dev 来启动你的新 Tinafied NextJS 应用程序!
2. 通过访问 http://localhost:3000/admin/index.html 进入你的新 TinaCMS 编辑器

删除 src/pages/ 目录，这是为了确保与旧版本兼容而生成的。

由于你刚刚设置了TinaCMS，你可能会注意到还没有内容可以编辑。这是因为TinaCMS需要了解一个模型来确定你的页面需要什么数据！我们将在下一步中添加它。