Yuto Blog
rss-iconx-icongithub-iconyoutube-icon

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

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

今回参考にした記事

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

microCMS 公式のブログです。

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

前提条件

やり方

■Vercel での操作

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

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

■microCMS での操作

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

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

を記入

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

最後に

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

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

0