Pages Practice

GitHub / Cloudflare Pages / CMS

お客様に案内できる 接続手順を、自分の手で 練習するLP

リポジトリ作成、push、Cloudflare Pages連携、デプロイ反映確認までを一通り試すための小さな静的サイトです。

手順を見る CMS実験を見る
Practice flow
  1. GitHub repo
  2. Local commit
  3. Cloudflare Pages
  4. Auto deploy
  5. microCMS news

Deployment flow

画面共有で案内しやすい順番

01

GitHubで空リポジトリ作成

READMEなどは追加せず、ローカルから初回pushする流れを確認します。

02

Cloudflare Pagesに接続

GitHub Appの権限を対象リポジトリだけに絞り、静的サイトとしてデプロイします。

03

変更pushで反映確認

文言変更をpushし、自動デプロイと公開URLの更新を確認します。

CMS experiment

お知らせだけCMSで編集する

未接続時はサンプルお知らせを表示します。

Next step

最初はmicroCMS、比較用に簡易更新案も残す

microCMS

お知らせだけ編集できる構成に向いています。権限設計とAPIキーの扱いを練習できます。

Googleスプレッドシート風

表形式で更新できるため説明しやすい一方、公開方法と権限設計に注意が必要です。

Notion風

文章更新は直感的ですが、公式API利用や表示速度、権限まわりの検討が必要です。