netlify cms react starter

Netlify CMS + React Starter

警告Netlify CMS はもうメンテナンスされていないため、このプロジェクトはメンテナンスされません。
decaporg/decap-cms#6503 を参照してください。
Netlify CMS とこのプロジェクトは両方とも、React クラス コンポーネントなどの古いアプローチはあるものの、ほとんどの部分で機能します (2022 年 11 月現在)。

Netlify CMS と React を使用して超高速でオフラインファーストの Web サイトを作成するためのスターター プロジェクト。

• React アプリを作成する
• ルーティング用のReact Router
• ドキュメントのタイトル、説明、メタ用のReact Helm
• 静的 HTML に事前レンダリングするためのReact スナップショットなので、JavaScript なしで動作します ️
• コンテンツ管理のためのNetlify CMS

よく使用されるコンポーネントとベストプラクティス (フォーム、設定、タグ、遅延読み込み画像など) を含めることを目指しています。

始めましょう

1. 「Netlify にデプロイ」ボタンをクリックします。これにより、次のことが行われます。

• Github アカウントにリポジトリのクローンを作成します
• Netlify で新しいプロジェクトを作成し、ビルドしてデプロイします

1. Netlify プロジェクトが作成されたら、いくつかの設定を確認します。

• IDを有効にする
• 登録設定を招待のみに変更する
• Gitゲートウェイを有効にする

1. ユーザー (おそらく自分自身) を招待して、管理者アクセスを有効にします

• [ID]タブを開き、 [ユーザーを招待]をクリックします。

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)