microCMSのコンテンツを更新したときにVercelで自動デプロイをする
投稿日:
更新日:
設定方法
Vercelのプロジェクト設定のGit > Deploy Hooksでフックの名前とデプロイされるブランチを設定し、[Create Hook]を押します。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F1f1107ac3b134154a3ddd138e2ec21cd%2Fbf5d519ed19042faa81c80891e33c2ad%2Fmicrocms-vercel-deploy-1.png&w=3840&q=75)
フックを作成するとURLが生成されるので、このURLをmicroCMS側で設定します。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F1f1107ac3b134154a3ddd138e2ec21cd%2Fcb0582498b8f402c9b778014404d1c43%2Fmicrocms-vercel-deploy-2.jpg&w=2048&q=75)
microCMSのコンテンツのAPI設定からWebhookを開き、[+追加]を押します。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F1f1107ac3b134154a3ddd138e2ec21cd%2F81d2886e66bf4fcc989d1fdb6a7e072d%2Fmicrocms-vercel-deploy-3.png&w=1920&q=75)
赤枠の箇所に先程Vercelで作成したフックのURLを貼り付けて、通知タイミングの設定を任意の設定に変更して保存します。
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F1f1107ac3b134154a3ddd138e2ec21cd%2F873b703b0e4f49429a5f0be6b0ed289e%2Fmicrocms-vercel-deploy-4.png&w=1920&q=75)
Vercelでフックを作成する際に設定したブランチに対してpushをすると自動でデプロイが開始されることが確認出来ると思います。