netlify cms react starter

Netlify CMS + React Starter

警告Netlify CMS 不再维护，因此我不会维​​护这个项目。
请参阅 decaporg/decap-cms#6503。
Netlify CMS 和该项目在大部分情况下都可以工作（截至 2022 年 11 月），尽管使用了一些过时的方法，例如 React 类组件。

一个入门项目，用于使用 Netlify CMS 和 React 创建闪电般快速、离线优先的网站。

• 创建反应应用程序
• React Router用于路由
• React Helmet用于文档标题、描述、元数据
• React Snapshot用于预渲染静态 html，因此无需 Javascript 即可工作️
• 用于内容管理的Netlify CMS

我的目标是包括常用的组件和最佳实践，例如表单、设置、标签、延迟加载图像等。

开始吧

1. 点击“部署到 Netlify”按钮。这将：

• 将存储库克隆到您的 Github 帐户中
• 在 Netlify 上创建一个新项目，构建并部署

1. 创建 Netlify 项目后，请检查一些设置：

• 启用身份
• 将注册首选项更改为仅限受邀者
• 启用Git 网关

1. 邀请用户（可能是您自己）启用管理员访问权限

• 打开“身份”选项卡并点击“邀请用户”

给我看看 CMS！

CMS 位于 __YOUR_SITE_NAME__.netlify.com/admin。

发展

1. 将您的存储库克隆到本地计算机

2. 安装依赖项

yarn或npm install

1. 运行开发服务器

yarn start或npm run start

如果您在 CMS 中本地添加或编辑内容，需要注意以下几点：

1. 更改将被推送到远程存储库。

2. 系统将提示您输入站点的 URL，这是 Netlify Identity 管理用户登录所必需的。它存储在localStorage中，因此如果您要切换项目但仍保留在localhost:3000上，则可能必须清空浏览器缓存。

编辑 CMS 字段

Netlify CMS 配置位于public/admin/config.yml中。您可以在此处配置可由 CMS 编辑的页面、字段、帖子和设置。

在 Netlify CMS 文档中了解更多信息。

参见

Netlify CMS 文档
Netlify CMS 存储库
Hyperstatic – 相同的入门项目减去 Netlify CMS
Gatsby + Netlify CMS 入门版 (Gatsbro)