前提

• Cloudflare Pages でWebサイトを公開している
• microCMSのアカウント

以下の記事で Cloudflare Pages を使ったブログ構築について解説していますので、合わせてご利用ください。

Astro, Cloudflare Pages, MicroCMS で爆速表示のブログを作る

Cloudflare側の設定

ダッシュボードを開き、左のメニューバーから Compute (Workers) をクリックします。

今回自動デプロイを行いたいWebサイトをクリックします。

上部のメニューから Settings をクリックします。

Deploy Hooks をクリックします。

Deploy hook name にわかりやすい名前をつけ、Branch to build はビルドを行いたいブランチを選択し、Save をクリックします。

URLとコマンドが表示されますが、今回は上のURLのみを使います。

microCMS側の設定

続いて microCMS 側の設定です。

トップページで、自動デプロイを行いたいサービスをクリックします。

画面右上のAPI設定をクリックします。

左のメニューから、Webhook をクリックします。

追加をクリックします。

Cloudflare Pages をクリックします。

先ほど Cloudflare Pages 側で発行した Webhook用のURLを入力します。

通知タイミングはお好みで設定してください。

自分は記事の作成、修正、削除のタイミングで実行されるように以下設定にしました。

設定が完了したら、画面一番下の設定するをクリックしてください。

以上で設定は完了です 🎉