microCMSのWebhookでVercelのデプロイを自動化する

前提

• microCMSのアカウントおよびサービスが作成済み
• Vercel上にデプロイ済みのプロジェクトがある（Next.jsなど）
• Vercelでプロジェクトに接続しているGitリポジトリがある

① VercelでWebhook URLを取得する

1. VercelのDashboard にアクセス
2. 対象プロジェクトを選択
3. Settings → Git → Deploy Hooks へ移動
4. Create Hook をクリックし、任意の名前（例: microCMS Webhook）を入力
5. Branch は main や production を選択
6. Create Hook をクリック
7. 発行されたURLをコピー

② microCMSでWebhookを設定する

1. microCMSのダッシュボード にアクセス
2. 対象のサービスを選択
3. 左サイドバーから API設定 → Webhook を選択
4. Webhookを追加 をクリック
5. 以下のように設定：
   • 名前：Vercel Deploy
   • URL：先ほどVercelで発行したWebhook URLを貼り付け
   • イベントタイプ：任意（例：更新時 や 作成・更新時）
6. 作成 をクリックして保存

③ 動作確認

microCMSでコンテンツを更新 or 作成してみて、Vercel側で自動的にデプロイが走るかを確認

• Vercelのプロジェクトページの「Deployments」タブでデプロイログを確認可能