GitHub チームプロジェクトで Vercel の無料サービスを無料で利用する方法

2024.11.25 23,468 0

Vercel は Serverless サービスを提供するプラットフォームで、静的ページのプロキシやシンプルな API の作成に特に適しています。無料プランは個人プロジェクトに非常に適しており、特に中国地域では優れた CDN サポートを利用できます。しかし、GitHub 組織下でホストされているプロジェクトの場合、Vercel は通常、有料の Pro プランへのアップグレードを要求します。この記事では、この制限を回避して Vercel のサービスを無料で利用する方法を紹介します。

背景紹介

Vercel の Hobby プランは個人プロジェクト向けに無料のホスティングサービスを提供しており、開発者から広く支持されています。しかし、プロジェクトが GitHub 組織でホストされている場合、Vercel はデフォルトで有料アップグレードを要求します。これは小規模なチームや予算に限りのある開発者にとって、間違いなく負担となります。そこで、GitHub と紐付けられていない Vercel プロジェクトを作成し、無料サービスを活用する方法を見つける必要があります。

GitHub と紐付けられていない Vercel プロジェクトの作成

まず、Vercel コマンドラインツールを使って、GitHub から独立したプロジェクトを作成します。

Vercel CLI のインストール

ターミナルで次のコマンドを実行し、Vercel CLI をグローバルインストールします。

Bash

npm install -g vercel

Vercel プロジェクトの作成

プロジェクトディレクトリに移動し、次のコマンドを実行します。

Bash

vercel login
vercel

この過程で、対話形式のターミナル操作画面が表示されます。指示に従って順番に進めると、GitHub プロジェクトに接続されていないサービスを Vercel 上に作成できます。デプロイに成功すると、Vercel の Web インターフェースからデプロイ済みのサービスにアクセスできます。これで、作業の半分が完了しました。

自動デプロイの設定

次に、コードをコミットするたびに Vercel へ自動デプロイされるよう設定します。この機能には GitHub Actions を利用します。

GitHub Actions の設定

GitHub リポジトリに CI 設定ファイルを作成し、ビルド処理の後に次のステップを追加します。

YAML

- name: Deploy to Vercel
  uses: amondnet/vercel-action@master
  env:
    VERSION: ${{ env.GITHUB_SHA }}
  with:
    vercel-token: ${{ secrets.VERCEL_TOKEN }}
    vercel-org-id: ${{ secrets.ORG_ID }}
    vercel-project-id: ${{ secrets.PROJECT_ID }}
    working-directory: ./
    vercel-args: '--prod' # 可选参数

GitHub Secrets の準備

上記の GitHub Action を使用する前に、GitHub Secrets に次のパラメータを設定する必要があります。

VERCEL_TOKEN: Vercel アカウントページで作成します。
ORG_ID と PROJECT_ID: プロジェクトのルートディレクトリにある .vercel/project.json ファイルで確認できます。

以上の手順により、チームプロジェクトの自動デプロイを実現し、Vercel のサービスを完全に無料で利用できます。

まとめ

Vercel CLI と GitHub Actions を巧みに利用することで、GitHub 組織プロジェクトに対する Vercel の有料制限を回避できます。この方法はコストを削減できるだけでなく、プロジェクトの自動デプロイ効率も向上させられるため、小規模なチームや個人開発者に非常に適しています。この記事が、予算を増やすことなくチームプロジェクトを迅速に公開するためのお役に立てば幸いです。