microCMSのコンテンツをビルド時に取得しているサイトでは、コンテンツを更新しても、もう一度デプロイするまでサイトに反映されません。VercelのDeploy HooksとmicroCMSのWebhookをつなぐと、コンテンツの更新をきっかけに自動でデプロイできます。
設定方法
VercelでDeploy Hookを作る
VercelのプロジェクトのSettingsからGitを開き、Deploy Hooksでフックの名前とデプロイするブランチを入力して、[Create Hook]を押します。
フックを作成するとURLが生成されるので、このURLをmicroCMS側で設定します。
注意
このURLを知っていれば、誰でもデプロイを開始できます。パスワードと同じように扱い、公開しないでください。漏れた場合は、フックを削除して作り直せます。
microCMSでWebhookを設定する
microCMSのコンテンツ（API）のAPI設定からWebhookを開き、[+ 追加]を押してVercelを選びます。
赤枠の箇所に、先ほどVercelで作成したフックのURLを貼り付けます。通知タイミングの設定で、デプロイを開始したい操作（コンテンツの公開や更新など）を選んで保存します。
動作を確認する
microCMSでコンテンツを公開・更新すると、フックを作成するときに設定したブランチのデプロイが自動で始まります。VercelのDeploymentsで、デプロイが開始されていることを確認できます。
参考・引用
- microCMS + Next.jsでJamstackブログを作ってみよう | microCMSブログ（新しいタブで開く）
- Creating & Triggering Deploy Hooks | Vercel Docs（新しいタブで開く）
この記事は役に立ちましたか？