Vercelでweb hook を作成
Vercel のダッシュボードから、対象のプロジェクトを開きSetting → Git → Deploy Hooksに進む。Create Hookの欄にそれぞれ microCMS / mainと入力
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/6169b73d807f42d7b4581a6dd2edff54/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-02%2012.50.08.png)
https://api.vercel.com/v1/integrations/deploy・・・のようなエンドポイントが生成されるのでこれをコピーする。
microCmsでwebhook登録
API 設定の Webhook に移動し追加ボタンをクリック
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/0d35e027b77c4d74aa608de69047116b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-02%2012.53.03.png)
Vercelを選択
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/93b0f5dcc6024cba82b783fdeb4edb43/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-02%2012.53.57.png)
名称や先ほどコピーしたwebhookのurlなどを入力し、設定するをクリックすると完了。microcmsでのコンテンツ保存時等にvercelでビルドを走らせ、記事を最新に更新することができるようになりました。
まとめ
いかがでしたでしょうか。本記事では、microCMSで記事編集時など任意のタイミングで記事を自動更新する方法(Vercel使用)を紹介しています。SSGは高速なページ表示が可能ですが、それと引き換えにビルド時にしか記事が生成されないという欠点があります。本記事の設定を行うことでよりリアルタイム性を向上させることができますので、ぜひ参考にしてみてください。