😽
Vercelにデプロイ後、microCMSで作成した記事を自動的に更新する方法
Next.js + microCMS で作った サイト
今回参考にした記事
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 で作成した記事を自動的に更新する方法でした。
説明が下手で、正直わかりずらかったと思います。
もっと上手く文章書けるように練習します。
Discussion