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

第一步...

安装Node.js

查看NextJS网站以获取所需版本

运行npx命令

在你的终端中运行以下命令。

npx create-next-app@latest

当被问到 Would you like your code inside a src/ directory? 时

选择 no – 以保持与本演示的一致性。

运行你的应用

1. 切换到你的应用目录
2. 运行 npm run dev 来查看你的NextJS应用！

为什么选择NextJS？

NextJS 是一个行业领先的React框架，使构建快速、可扩展的网站变得简单。

我们选择NextJS作为本教程的框架，因为我们无法涵盖所有类似的框架——但TinaCMS也兼容Astro、Remix等！🚀

我们喜欢在我们的TinaCMS项目中使用NextJS。

• 混合渲染 – 支持静态生成和服务器端渲染。
• 性能 – 自动代码分割、图像优化和缓存。
• SEO友好 – 预渲染页面有助于搜索引擎索引内容。

Next.js与TinaCMS配合良好，使得在保持网站快速现代的同时，轻松编辑内容。

如果你是NextJS或前端网页开发的新手，我们建议查看他们的初学者教程。