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)