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 11

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

FigmaでSVG Octocatを作る その3

アウトライン化大事

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

Ignored Build Stepを設定した

_this.auth.addAuthTokenListener is not a function

8.6.5にダウングレードした

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

cookieの__next_preview_dataキーで判定