2020年からクライアント向けの本番環境Next.jsおよびAstroサイトをデプロイしてきました。毎年、価格設定に関する会話がより複雑になってきています。プラットフォームがより高価だからではなく（ただし一部はそうです）、請求モデルが継続的に変わることで、真のりんご同士の比較が本当に難しくなっているからです。

先月、3つのプラットフォームの9つのクライアントプロジェクトの請求書を整理して計算を行いました。「価格ページの計算機」の計算ではありません。実際の計算です。「これが$80の見積もりなのに、なぜこの請求書は$340なのか」という計算です。

この記事は私が学んだすべてです。2026年の本番環境デプロイメント用にVercel、Netlify、Cloudflare Pagesのいずれかを選択している場合、これはいくつかの苦痛な驚きを防ぐことができます。

目次

プラットフォーム価格設定が見た目ほど簡単ではない理由

すべてのプラットフォームはあなたに彼らの無料ティアを見て「これは本質的に無料です」と考えるようにしたいです。個人ブログやサイドプロジェクトの場合、それは本当です。実際のトラフィック、実際の動的ルート、実際のビジネス要件があるときに問題が始まります。

比較を難しくする理由は以下の通りです：

  • 請求単位が異なります。 Vercelは関数の呼び出しと実行時間に対して料金を請求します。Netlifyは異なる定義で「サーバーレス関数実行」に対して料金を請求します。Cloudflareはワーカーリクエストに対して料金を請求します。これらは同じものではありません。
  • 帯域幅の定義が異なります。 一部のプラットフォームはエッジキャッシュヒットをカウントします。他のプラットフォームはカウントしません。一部のプラットフォームは画像最適化帯域幅を別々に請求します。
  • オーバーチャージが金が生まれるところです。 基本プランは月額20ドルかもしれませんが、トラフィックスパイクはあなたの請求を静かに5倍にすることができます。

Vercelを選んだチームを見ました。「Next.jsで素晴らしく動作する」という理由だけで、ISRが多いアーキテクチャが月額200万の関数呼び出しを生成することに気付かずに。これは仮説ではありません。それは昨年のクライアントの一つでした。

Vercel価格設定の内訳2026

Vercelは2025年後半に価格構造を更新しました。現在のモデル（2026年Q1以降）は以下のようになります：

プランティア

プラン 月額コスト チームメンバー 帯域幅 サーバーレス関数実行 エッジ関数呼び出し ビルド分数
Hobby $0 1 100 GB 100K 500K 6,000/月
Pro $20/メンバー 最大10名 1 TB 1M 1M含む 24,000/月
Enterprise カスタム 無制限 カスタム カスタム カスタム カスタム

実際にコストがかかるもの

$20/メンバー/月のProプランは、ほとんどの本番環境サイトが着地するところです。でも、ここが面白くなります：

  • 追加帯域幅： 含まれている1 TB以降、100 GBごとに40ドル
  • 追加サーバーレス関数実行： 最初の1M以降、1Mごとに6ドル
  • 追加エッジ関数呼び出し： 1Mごとに2ドル
  • エッジミドルウェア： デフォルトではすべてのリクエストで実行されます。認証チェックまたはリダイレクト用にミドルウェアを使用している場合、すべてのページビューがこれをトリガーします。
  • 画像最適化： Proで5,000ソース画像が含まれます。追加の1,000ソース画像ごとに5ドル
  • ウェブ分析： 含まれていますが、高度な分析は$10/プロジェクト/月から始まります
  • DDoS保護とWAF： Enterpriseのみ

サーバーレス関数の落とし穴

これは人々をキャッチするものです。Next.js App Routerプロジェクトでは、サーバーコンポーネントを使用するすべてのpage.tsx、すべてのAPIルート、すべてのServer Actionはサーバーレス関数呼び出しとしてカウントされます。並列データフェッチがある場合、単一のページロードは複数の関数呼び出しをトリガーできます。

私は先四半期にクライアントプロジェクトを監査し、単一の製品ページが訪問ごとに4つの関数呼び出しを生成していることを発見しました：1つはレイアウト用、1つは製品データ用、1つは推奨用、1つは在庫ステータス用。月間20万ページビューで、それだけで月間80万の関数呼び出しになります。

// これらはそれぞれVercelで個別の関数呼び出しを生成します
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // 呼び出し1
  const recommendations = await getRecommendations(params.slug); // 呼び出し2
  const inventory = await getInventory(params.slug); // 呼び出し3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

これらをバッチ処理することができますが、ほとんどのチュートリアルのデフォルトパターンはそうではありません。

Vercelの2025-2026年の価格設定変更

Vercelは2025年後半に「Fluid Compute」を導入することで注目すべき変更を行い、古い呼び出しごとのサーバーレスアプローチを、関数をより長く暖かく保つより容器のようなモデルに置き換えました。これは一貫したトラフィックを持つアプリのコストを実際に削減しますが、バースティなトラフィックパターンはまだ大きく影響されます。

彼らはまた、Proプランに支出上限を導入しました。これであなたは最大月額支出を設定できるようになりました。これは本当に有用です。これ以前は、暴走した請求は実在の懸念でした。

Netlify価格設定の内訳2026

Netlifyは2025年初頭に価格設定を再構成し、2026年まで比較的安定に保っています。

プランティア

プラン 月額コスト チームメンバー 帯域幅 サーバーレス関数 エッジ関数 ビルド分数
Starter $0 1 100 GB 125K実行 無制限 300/月
Pro $19/メンバー 最大10名 1 TB 2M実行 無制限 25,000/月
Enterprise カスタム 無制限 カスタム カスタム カスタム カスタム

実際にコストがかかるもの

  • 追加帯域幅： 100 GBごとに55ドル（はい、Vercelより高価です）
  • 追加サーバーレス関数実行： 1Mごとに7.50ドル
  • 大規模メディアストレージ： 100 GBごとに2.50ドル
  • フォーム： Starterで月間100送信。追加は$19/サイト/月で1,000送信
  • Identity（認証）： 1,000アクティブユーザー無料。10,000の場合は$99/サイト/月
  • 分析： $9/サイト/月

Netlifyの長所と短所

すべての有料プランでNetlifyのエッジ関数が無制限というのは本当に良いです。アーキテクチャが重くエッジロジックに傾いている場合（地域ベースのルーティング、エッジでのA/Bテスト、認証トークン検証）、Netlifyはそれに対して追加料金を請求しません。

弱点ですか？ Netlifyのサーバーレス関数はAWS Lambdaの下で実行され、2026年初頭の私のテストでは冷たい起動は明らかに悪いです（同等のNode.js関数の場合、Vercelの100-200msと比較して平均300-500ms）。

また、VercelのネイティブサポートではなくNetlifyのNext.jsサポートも改善されていますが（ランタイムv5）、まだVercelより遅れています。部分的な事前レンダリングとServer Actionsのような機能は機能しますが、回避策が必要なエッジケースに遭遇しました。Next.jsフロントエンドでヘッドレスCMS開発をしている場合、これは重要です。

Cloudflare Pages価格設定の内訳2026

Cloudflare Pagesはここで奇数です。多くの点で、最も興味深いオプションです。

プランティア

プラン 月額コスト チームメンバー 帯域幅 ワーカーリクエスト KV操作 ビルド分数
Free $0 無制限 無制限 100K/日 100K読み取り/日 500/月
Pro $20/月（固定） 無制限 無制限 10M/月 1B読み取り/月 5,000/月
Business $200/月 無制限 無制限 50M/月 5B読み取り/月 20,000/月

帯域幅の利点

もう一度そのテーブルを読んでください。すべてのプランで無制限の帯域幅（無料を含む）。 これはCloudflareのキラー利点です。メディアが多いサイトを実行しているか、多くの画像とビデオを提供している場合、帯域幅だけの節約は月額数百ドルになります。

実際にコストがかかるもの

  • 追加ワーカーリクエスト： プラン制限後、1Mごとに0.30ドル
  • Durable Objects： リクエストごとに0.15ドル（100万）+ ストレージ費用
  • R2ストレージ（資産に使用される場合）： GB/月ごとに0.015ドル、Class A操作1Mごとに4.50ドル
  • Workers AI： 従量制（モデルによって異なります）
  • 画像： 100Kバリアントで$5/月。追加の100Kごとに1ドル

Cloudflare Pagesの落とし穴

ここで正直である必要があります：Cloudflare PagesはWorkersランタイムで実行され、Node.jsではありません。これは以下を意味します：

  • ネイティブなfsモジュールがない
  • ネイティブなNode.js API（ただし互換性はnodejs_compatフラグで大幅に改善されました）
  • 一部のnpmパッケージは単純に動作しません
  • @cloudflare/next-on-pagesまたは新しいopennextアダプタを介したNext.jsサポートは動作しますが、ファーストパーティではありません

Astro開発の場合、Cloudflare Pagesは実際に優れています。Astroの適応はよく保守されており、SSRの物語は堅牢です。Next.jsの場合、可能ですが、粗いエッジにヒットします。

並行コスト比較

3つの一般的なシナリオに実際の数値を入れてみましょう。すべての価格は月次であり、2026年の価格に基づいています。

メトリック Vercel Pro Netlify Pro Cloudflare Pro
基本コスト（3チームメンバー） $60 $57 $20
2 TB帯域幅 $60 + $40 = $100 $57 + $55 = $112 $20
500万関数呼び出し $60 + $24 = $84 $57 + $22.50 = $79.50 $20
2 TB帯域幅 + 500万呼び出し $124 $134.50 $20
画像最適化（20,000画像） +$75 +$0（外部使用） +$5
分析 含む（基本） +$9/サイト 無料（CF ダッシュボード経由の基本）

そのCloudflareの列はタイプミスではありません。帯域幅が多く、中程度のトラフィックのあるサイトの場合、Cloudflare Pagesは劇的に安価です。

実例：月間50万訪問者のマーケティングサイト

中規模企業向けの典型的なマーケティングサイト：30ページ、CMSドリブンのコンテンツ、お問い合わせフォーム、たぶんブログに200の投稿。静的生成とブログの一部ISR。

仮定：

  • 月間50万ページビュー
  • 800 GB帯域幅（画像、フォントなど）
  • 60万サーバーレス関数呼び出し（ISR、フォーム処理、APIルート）
  • 3チームメンバー
  • 月間1,000フォーム送信
Vercel Pro Netlify Pro Cloudflare Pro
基本プラン $60 $57 $20
帯域幅オーバーチャージ $0 $0 $0
関数オーバーチャージ $0 $0 $0
フォーム 外部サービス $19 外部サービス
合計 $60 $76 $20

このスケールでは、3つはすべてかなり手頃です。違いは、スケールアップするときに関係し始めます。

実例：APIルートが多いSaaS Dashboards

認証ユーザー、リアルタイムデータ、多くのAPI呼び出しを持つダッシュボードアプリ。考えてみてください：分析ダッシュボード、プロジェクト管理ツール、または管理パネル。

仮定：

  • 5万アクティブユーザー
  • 月間800万ページビュー
  • 2.5 TB帯域幅
  • 1500万関数呼び出し
  • 5チームメンバー
  • WebSocket接続（サポートされている場合）
Vercel Pro Netlify Pro Cloudflare Business
基本プラン $100 $95 $200
帯域幅オーバーチャージ $600 $825 $0
関数オーバーチャージ $84 $97.50 $0
合計 $784 $1,017.50 $200

今、違いは顕著です。Cloudflareの定額モデルと無制限帯域幅は高トラフィック動的アプリに非常に光ります。ですが覚えておいてください。あなたはコスト削減をより制約されたランタイム環境と交換しています。

Vercelはこのスケールではこの時点でEnterpriseを推し進めるでしょう。これは一般的に月額1,500ドルから始まりますが、DDoS保護、SLA保証、優先サポートを含みます。

実例：Eコマースストアフロント

Shopifyまたは同様のものをバックエンドとして使用し、Next.jsまたはAstroフロントエンドを備えたヘッドレスコマースサイト。

仮定：

  • 月間20万訪問者
  • 150万ページビュー（閲覧行動）
  • 1.8 TB帯域幅（製品画像）
  • 800万関数呼び出し（製品ページ、カート、チェックアウト、検索）
  • 15,000ソース画像の最適化
  • 4チームメンバー
Vercel Pro Netlify Pro Cloudflare Pro
基本プラン $80 $76 $20
帯域幅オーバーチャージ $320 $440 $0
関数オーバーチャージ $42 $45 $0
画像最適化 $50 外部（$20-50） $5
合計 $492 $581-611 $25

EコマースはVercelとNetlifyの帯域幅コストが本当に影響するところです。積極的なキャッシュでさえ、製品画像は帯域幅を速く消費します。

ヘッドレスストアフロントを構築していて、コストが要因である場合、Cloudflare Pagesは真剣に考慮に値します。あなたが選択するフレームワークがCloudflareの堅牢なサポートを持っていることを前提としています。特定のプロジェクトに適切なプラットフォームを評価するのに役立つ場合は、私たちの価格設定ページを確認してください。

誰も話さない隠れたコスト

プレビューデプロイメント

3つのプラットフォームすべてがPRのプレビューデプロイメントを作成します。Vercel Proでは、無制限のプレビューデプロイメントが得られますが、ビルド分数と関数呼び出しを消費します。1日に20のPRをプッシュしている忙しいチームは、自動テストを行うと、ビルド分数を速く燃やします。

ミドルウェアとエッジ実行

Vercelのミドルウェアはマッチャーパターンに一致するすべてのリクエストで実行されます。ミドルウェアがすべてのルートで認証をチェックする場合、それはリクエストごとのエッジ関数呼び出しです。月間100万のリクエストを持つサイトでは、ミドルウェアだけで月間100万のエッジ関数呼び出しです。1Mごとに2ドルで、それは安いです。でも、他のエッジ使用と組み合わせるとそれは増加します。

Cronジョブ

Vercelはcronジョブ呼び出しをサーバーレス関数割り当てに対してカウントします。毎分実行されるcronがある場合、それは1つのcronだけで月間43,200呼び出しです。Netlifyのスケジュール関数も同様に機能します。CloudflareのCronトリガーはワーカーリクエスト割り当てに含まれます。

モノレポのビルド分数

Turborepoでモノレポを実行している場合、すべてのデプロイは考えるより多くをリビルドします。VercelのRemote Cachingは役に立ちますが、それでも単一プロジェクトリポより多くのビルド分数を使用します。私は同等のスタンドアロンプロジェクトのビルド分数の3〜5倍を消費するモノレポを見てきました。

開発者体験費用

これは請求書上にはありませんが、それは実です。Next.jsのVercelのDXは比類のないものです。ものはただ動作します。デプロイプレビューコメント、速度の洞察、Next.jsエラーオーバーレイとの統合。それは開発者時間を節約します。あなたが開発者に1時間あたり150ドルを支払っていて、Vercelがデプロイメントの問題で各開発者に月2時間を節約する場合、それはメンバーあたり月300ドルの価値があります。それを考慮してください。

実際に選ぶべきプラットフォーム

3つのプラットフォーム全体で何十もの本番環境サイトをデプロイした後、正直な見方は以下の通りです：

以下の場合はVercelを選んでください：

  • Next.jsで構築していて、摩擦ゼロが必要です
  • DXが月額50ドル節約するより重要です
  • 初日に最新のNext.js機能が必要です
  • あなたのトラフィックは中程度で予測可能です

以下の場合はNetlifyを選んでください：

  • 組み込みフォーム、識別、またはその他の加算機能が必要です
  • あなたのチームはより視覚的/UI駆動のデプロイメントワークフローを好みます
  • Next.js以外のフレームワークを使用しています（Hugo、Eleventy、など）
  • エッジ関数はアーキテクチャの中核部分です

以下の場合はCloudflare Pagesを選んでください：

  • 帯域幅コストは他のプラットフォームで有意になります
  • Astro、SvelteKit、または別のCFフレンドリーなフレームワークで構築しています
  • 最も積極的なコスト最適化が必要です
  • あなたはWorkers Runtimeの制約内で快適に動作します
  • グローバルパフォーマンスが必要です（CFのエッジネットワークは大規模です）

Social Animalでのほとんどのクライアント作業では、Next.jsプロジェクトではVercelをデフォルトにし、AstroプロジェクトではCloudflare Pagesをデフォルトにしています。稀なNetlifyデプロイメントは、クライアントが既存のNetlify インフラストラクチャを持っているか、特定の加算機能が必要な場合に発生します。

どちらの方向に進むべきか不確かな場合は、私たちに連絡してください。プラットフォーム選択はすべての関与で最初に解決することの1つです。

FAQ

2026年にVercelは実際には本番環境サイトにいくら費用がかかりますか？

トラフィックが中程度のサイト（月間50万訪問未満）の場合、Proプランで月額60〜120ドルを支払うことを期待しています。チームのサイズに応じて。トラフィックが多く、動的レンダリングが重いサイトは、帯域幅と関数呼び出しのオーバーチャージのため、月額500ドル〜1,000ドルに簡単にヒットできます。Vercelの支出上限（2025年後半に導入）はビル衝撃を防ぐのに役立ちますが、事前にそれらを設定する必要があります。

Cloudflare Pagesは本当に本番使用で無料ですか？

無料ティアは小さな本番環境サイトで本当に使用可能です。無制限帯域幅は本当です。ただし、1日に100KワーカーリクエストとWorkers、月間500ビルド分数、一度に1ビルドに制限されます。チームがある真面目な本番サイトの場合、実用的な最小値は月額20ドルのProプランです。それでもまだ代替品より劇的に安いです。

Cloudflare PagesでNext.jsを使用できますか？

はい、ただし注意があります。@cloudflare/next-on-pagesパッケージと新しいOpenNextアダプターは両方とも動作しますが、制限があります。ネイティブなnext/imageの最適化のようなNext.js機能は回避策が必要です。WorkersランタイムはすべてのNode.js APIをサポートしていません。App Routerは動作しますが、コミットする前に特定のパターンを完全にテストすることをお勧めします。完全なNext.js互換性については、Vercelが摩擦がない道のままです。

Vercelの請求書が予想より高いのはなぜですか？

最も一般的な犯人は：すべてのリクエストで実行されるミドルウェア（マッチャーパターンを確認してください）、予想より多くの関数呼び出しを生成するISR/SSRページ（各並列データフェッチは個別の呼び出しになります）、プレビューデプロイメントがリソースを消費し、画像最適化は多くのユニークな画像を持つサイトに対して請求されます。Vercelの使用ダッシュボードを有効にして、あなたが消費パターンを理解するまで週に一度それをチェックしてください。

Netlifyは2026年にVercelより安価ですか？

ベースプランレベルでは、ほぼ同じです（$19対$20/メンバー）。彼らが発散するのはオーバーチャージです：Netlifyは追加帯域幅で100 GBごとに55ドルに対してVercelの40ドルを請求します。Netlifyのサーバーレス関数オーバーチャージも若干より高価です。しかし、Netlifyはすべての有料プランに無制限エッジ関数を含めています。これはアーキテクチャがエッジが重い場合、コストをオフセットできます。ほとんどの標準的なウェブプロジェクトでは、Vercelはわずかに安くなります。

これらのプラットフォームのいずれかが支出上限またはビル警告を提供していますか？

Vercelは2025年にProプランに支出上限を導入しました。あなたはハード制限を設定でき、あなたがそれにヒットするとあなたのサイトはキャッシュされたコンテンツを提供し続けます。Netlifyは支出通知を提供していますが、Proの難いキャップではありません。Cloudflareのモデルはほぼ定額です。オーバーチャージが懸念事項になりますが、彼らはWorkersの使用のための請求警告を提供します。プラットフォームに関係なく、常にアラートを設定してください。

ヘッドレスCMSサイトに最適なプラットフォームは何ですか？

フレームワークによって異なります。ヘッドレスCMS（Sanity、Contentful、Storyblok）を持つNext.jsの場合、VercelはオンデマンドISRおよびドラフトモードのような機能を備えた最もスムーズなエクスペリエンスを提供します。AstroベースのヘッドレスCMSサイトの場合、Cloudflare Pagesは、あなたに信じられないほどのパフォーマンスを分数のコストで与えます。CMS選択自体はほぼ決してプラットフォームを指示しません。それはフロントエンドフレームワークが最も重要です。

Vercel Enterpriseを使用するか、代替案を探索すべきですか？

Vercel Proの請求が月額800ドルを一貫して超える場合、Enterpriseの会話を持つ価値があります。それはそれ自体が安くはないからではなく、SLA保証、DDoS保護、および専任のサポート技術者を取得するからです。別の方法として、その支出レベルでは、動的ワークロードをCloudflare Workersに移行しながら、いかなるCDNで静的資産を保持することで、コストを60-70%削減できます。私たちはいくつかのクライアントのためにこの移行を行いました、そしてそれは思ったほど苦痛ではありません。