概要

Next.jsはどこにでもデプロイできるが、選択肢によって機能・コスト・運用負荷が大きく異なる。プロジェクトの規模・チームスキル・予算に応じた選定が重要。

• 開発元VercelはNext.jsの全機能を最大限に活かせる公式ホスティング
• AWS・Cloudflareなど代替サービスはコストや柔軟性で優位な場面もある
• 自前サーバー（Self Hosting）は自由度が高い反面、運用負荷が大幅に増大する

デプロイの選択肢

Next.jsのデプロイ先は大きく「マネージドサービス」と「Self Hosting」に分かれる。それぞれにトレードオフがある。

Vercel：公式ホスティングの強みと制約

VercelはNext.jsの開発元が運営するホスティングサービス。追加設定なしでNext.jsの全機能が動作し、開発サイクルを最も速く回せる。

主な機能

GitリポジトリをつなぐだけでCI/CD・プレビュー・CDNが自動構成される。

• 自動デプロイ: GitHubへのプッシュをトリガーに、ビルド〜公開が自動実行される
• プレビューURL: PRやブランチごとに独立したプレビュー環境が自動生成される
• グローバルCDN: 世界中のエッジから高速配信。追加設定不要
• Edge Functions: ユーザーに最も近いサーバーでコードを実行し、低遅延を実現
• ISR・Server Components完全対応: Next.jsの最新機能が即日サポートされる

💡 ポイント: Vercelのプレビュー環境は、デザイナー・PMがエンジニアの作業をリアルタイムで確認できるため、レビューサイクルが大幅に短縮される。

プランと費用感

個人・小規模開発は無料で始められるが、商用・チーム利用はProプラン以上が必要。

💡 ポイント: トラフィックが増えると帯域の従量課金が発生する。アクセス数が多いサービスでは、Cloudflareと組み合わせてCDNコストを削減する構成が有効。

Vercelの注意点

利便性の高さの裏に、ベンダーロックインと商用コストのリスクがある。

• Vercel固有の最適化機能（Edge Runtime・ISRキャッシュ制御など）に依存すると、他サービスへの移行コストが上がる
• 商用プロジェクトでHobbyプランを使うと利用規約違反になる
• 大規模トラフィック時のコスト見積もりは事前に確認が必要

代替ホスティングサービスの比較

Vercel以外の選択肢は、AWSとの連携・コスト・エッジ配信など特定の要件で優位に立つ場面がある。

AWS Amplify

AWSの他サービス（RDS・S3・Cognito等）と連携したフルマネージド型。商用利用の無料枠あり。

• AWSエコシステムと統合しやすく、既存インフラとの連携に強い
• 無料枠でも商用利用が可能（一定の転送量・ビルド時間まで）
• Edge RuntimeやServer Actionsの対応がVercelより限定的な場合がある

Cloudflare Pages

帯域無制限・グローバルエッジ配信に強く、コスト効率が高い。

• 帯域課金なし。トラフィックが多いサービスで特にコスト優位
• Workers（サーバーレス関数）を使ったSSRが可能
• メモリ・バンドルサイズに制限があり、重い処理には向かない
• Next.jsの一部機能（ISRの細かな制御など）は制限される場合がある

実際に、VercelからCloudflareへ移行することで運用コストを90%削減した事例も報告されている。

Render / Railway

フルスタックアプリを手軽にデプロイできる汎用PaaS。PostgreSQL等DBも同時に管理できる。

• Next.js + DBをセットでデプロイしたい場合に手軽
• Vercelほどのフロントエンド最適化はないが、バックエンド込みのアプリに向いている
• 無料枠があるが、スリープ機能（一定時間後にサーバーが停止）に注意が必要

Self Hosting（Docker / Cloud Run / ECS）

インフラを完全にコントロールしたい場合の選択肢。自由度は最大だが、運用負荷も最大。

• Dockerイメージとしてパッケージ化し、任意のクラウドで動かせる
• キャッシュ戦略・スケーリング・CI/CD・複数環境管理をすべて自前で構築する必要がある
• Vercel固有機能（Edge RuntimeのISR最適化など）の一部は動作しない場合がある

# Next.jsをDockerでセルフホストする基本構成
FROM node:20-alpine AS builder
WORKDIR /app
COPY . .
RUN npm ci && npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next/standalone ./
EXPOSE 3000
CMD ["node", "server.js"]

💡 ポイント: Self Hostingは「コストを下げたい」だけの理由では選ばないこと。運用・監視・スケーリングの工数を含めたトータルコストで判断する。

デプロイ選定の判断フレーム

「何を優先するか」によって最適なデプロイ先は変わる。以下を基準に選定する。

用語

参考リンク

• Vercelホスティング入門｜主要機能と他サービスとの違いを比較
• Next.jsをVercelからCloudflareへ移行し、90%のコスト削減を実現した話
• 2025年 Next.js Self Hosting
• Next.js(SSR)のホスティングサービスを比較
• Next.js App RouterをAWS Amplifyにデプロイする完全ガイド