Vercelのプレビュービルド対象にpreviewブランチを追加した

公開日時
更新日時

先日の記事で、Vercelで指定のブランチのみデプロイを実行するようにしたが、 stagingブランチとproductionブランチだけだと、開発途中の機能を気軽に確認できないことに気づいたのでプレビュー用の preview ブランチを追加した。

これで任意の開発ブランチをpreviewブランチにマージすればプレビュー環境で確認できるようになった。

#!/bin/bash

echo "VERCEL_GIT_COMMIT_REF: $VERCEL_GIT_COMMIT_REF"

if [[ "$VERCEL_GIT_COMMIT_REF" == "preview" || "$VERCEL_GIT_COMMIT_REF" == "staging" || "$VERCEL_GIT_COMMIT_REF" == "production" ]] ; then
  # Proceed with the build
  echo "✅ - Build can proceed"
  exit 1;

else
  # Don't build
  echo "🛑 - Build cancelled"
  exit 0;
fi

Related #next.js

FigmaでSVG Octocatを作る その3

アウトライン化大事

Next.jsプロジェクトのGoogle Analytics V3をV4に更新する

トラッキングIDの差し替えのみで対応が完了した

Vercelで指定のブランチのみデプロイを実行する

Ignored Build Stepを設定した