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

Next.jsのPreview Mode時はAnalyticsを無効化する

cookieの__next_preview_dataキーで判定

Next.js 11

手軽にアップグレードできた

VercelのNode.jsバージョンを変更する

Settings => General => Node.js Version から変更できる

FigmaでSVG Octocatを作る その3

アウトライン化大事

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

Ignored Build Stepを設定した