Vercelにデプロイ後、microCMSで作成した記事を自動的に更新する方法

Next.js + microCMS で作った サイト

https://yutopage.vercel.app/
https://github.com/Utopia300/Yutopage

今回参考にした記事

https://blog.microcms.io/microcms-next-jamstack-blog/

microCMS 公式のブログです。

こちらを見た方が確実ですが、ごちゃごちゃしていたり、少し個人的にわからなかったこともあったので、足りない部分を修正した感覚でこの記事を書いています。

前提条件

• mac OS
• Next.js + microCMS でサイトを作成し、Vercel にデプロイ
• プログラミング勉強期間が 3 ヶ月ほど

やり方

■Vercel での操作

vercel のダッシュボード
↓
作ったページ
↓
setting（Git）
↓
Create Hook の欄にそれぞれ microCMS / main と記入。

するとこの画像のような URL ができるので、これをコピー。
そして次は microCMS の管理画面にいきます。

■microCMS での操作

API 設定の Webhook に移動
↓
追加（カスタム通知）
↓
すると下記のような画面になるので、

microCMS の更新 / vercel でコピーした URl

を記入

これで内容が勝手に vercel に更新されるようになりました。

最後に

以上が Vercel にデプロイ後、microCMS で作成した記事を自動的に更新する方法でした。

説明が下手で、正直わかりずらかったと思います。
もっと上手く文章書けるように練習します。