Webhookを利用して、コンテンツの更新時にVercelでデプロイを行う

このチュートリアルでは、Webhook を利用して、コンテンツの更新時に Vercel でビルド・デプロイを行う手順を紹介します。

前提条件

  1. デプロイを行うGitリポジトリは既にVercelに接続されていること
  2. Gitリポジトリを介してVercelへのデプロイが成功していること

GitリポジトリのVercelへの接続についてはVercelの Git のドキュメントをご確認ください。
リポジトリの接続後、ビルドやデプロイが失敗する場合はビルドの設定に問題ないか、Vercelの Configure a Build のドキュメントをご確認ください。

概要

Vercelの Deploy Hooks を利用します。
Deploy Hookとは、指定したブランチのデプロイをトリガーするためのURLで、このURLにリクエストを送ることで、自動でデプロイを実行できます。

1. Deploy Hookを作成する

Vercelの管理画面に入り、Settings > Git のページから「Deploy Hooks」のセクションを探します。
Deploy Hookの名前を入力し、デプロイ時に使用するブランチを指定した後、「Create Hook」でDeploy Hookが作成されます。

vercel_webhook.jpg

2. Webhookを作成する

次にNewtの管理画面に入り、スペース設定 > Webhook のページから「Webhookを作成」を押し、「Webhookテンプレート」を選択します。
「Vercel」のテンプレートを選んだ後、ステップ1で作成したURLを入力し、Webhookを作成します。

webhook_vercel1.jpg

以上で設定は終了です。
一部のコンテンツが更新された時にのみ、Webhookをトリガーする場合は、Webhookの編集画面に入り、「通知対象にするモデル」を指定してください。

これで、通知対象のコンテンツの公開・非公開が変更された時、および公開コンテンツの更新時にリクエストが送信され、Vercelでビルド・デプロイが実行されます。

Newt Made in Newt