Vercel vs Netlify vs Cloudflare Pages 本当の違い

Next.jsプロジェクトなら Vercelが最高のDX、Cloudflare Pagesが最安（帯域無制限・無料）、Netlifyは静的サイト向けの中間択 だ。最適解はスタック・トラフィック量・予算で決まる。

「Vercelが高い」「Netlifyはオワコン」「Cloudflareが最強」——Redditではこういう極論が飛び交う。でも実際にどれが正解かは、プロジェクトの規模と要件で変わる。

この記事では、Vercel・Netlify・Cloudflare Pagesの3プラットフォームを 公式価格と公式ドキュメントに基づいて比較する。「なんとなく高い」ではなく、月間PV別の具体的なコストシミュレーションで判断材料を出す。

3プラットフォームの立ち位置

まず根本的な違いを押さえておく。この3社は同じ「ホスティング」でも、出自と思想がまったく異なる。

Vercel — Next.jsの開発元。Next.jsのすべての機能がVercel上で最も正確に動く。App Router、ISR、Middleware、PPR（Partial Prerendering）のような最新機能は、Vercelで最初にサポートされる。その代わり、従量課金モデルがアグレッシブで、帯域超過や関数実行で予想外の請求が来ることがある。

Netlify — JAMstackの先駆者。2015年からの歴史があり、Hugo・Gatsby・Astroなどの静的サイトジェネレーターとの相性が良い。2025年9月にクレジットベースの課金に移行した。Next.jsサポートはOpenNextアダプター経由で、Vercelより一歩遅れる。

Cloudflare Pages — インフラ企業のホスティングサービス。世界330都市以上のCDNネットワークが最大の強み。帯域が全プランで無制限・無料 というのは他の2社にない圧倒的な優位点。ただしNext.jsサポートはまだ発展途上で、完全なファーストクラスではない。

料金比較：無料枠と従量課金

Vercel

Proの$20は固定費ではなく プラットフォーム利用料 + $20クレジット だ。クレジットを使い切ると従量課金に切り替わる。

Netlify

2025年9月にクレジットベース課金に移行した。

クレジットの消費レート:

• デプロイ: 15 credits/回
• 帯域: 10 credits/GB
• Compute: 5 credits/GB-hour
• リクエスト: 3 credits/1万リクエスト

Cloudflare Pages + Workers

帯域が無制限・無料。 これがCloudflareの最大の差別化ポイントだ。Vercelでは1TBを超えると$0.15/GBが発生し、Netlifyではクレジットを消費する。Cloudflareではどれだけトラフィックが来ても帯域コストはゼロ。

Next.jsサポートの現実

3社のNext.jsサポートには明確な差がある。

Vercelが唯一のファーストクラスサポート。 Next.jsの新機能はVercelで最初に動き、Netlify/CloudflareはOpenNextアダプター経由で追従する。Next.jsのメジャーアップデート直後は、Netlify/Cloudflareで動かないケースがある。

Next.js以外のフレームワーク

Astro、Nuxt、SvelteKit、Remixなどを使うなら、3社ともほぼ同等にサポートしている。Next.jsへの依存度が低いプロジェクトでは、Cloudflareの帯域無料やNetlifyのForms機能が差別化になる。

帯域・DDoS・セキュリティ

帯域コスト

帯域コストでは Cloudflareが圧勝 する。画像が多いサイト、動画を埋め込むサイト、グローバルにトラフィックがあるサイトでは、この差が月額数十ドルの違いになる。

DDoS対策

Cloudflareはインフラ企業だけあって、DDoS対策は業界最強クラスだ。Vercel/Netlifyも基本的な保護は全プランで提供しているが、規模と拠点数で差がある。

実際に起きた事例:

• Netlify $104K事件（2024年2月）: 無料プランの静的サイトに置いたMP3ファイルが数百万回ダウンロードされ、$104,500の請求が発生。CEOがHacker Newsで全額免除を発表した
• Vercel Cara事件（2024年6月）: アーティスト向けSNS「Cara」がバイラル化（4万→65万ユーザー/1週間）、1日5,600万回のFunction Invocationsが発生し、1週間で約$96,000の請求に達した
• 僕のサイト: Vercel HobbyプランでFluid Active CPUの4時間/月に到達。ボットが存在しないURLを叩いてSSRが走ったのが主因

Cloudflareでは帯域が無制限のため、DDoSでの帯域爆発→高額請求のシナリオが構造的に起きない。

月間PV別コストシミュレーション

公式価格をもとに、Next.jsの静的サイト（1ページあたり約1MB）を想定して計算する。

前提条件:

• 静的生成がメイン（SSRは最小限）
• Middleware使用（next-intl等のi18n）
• 1ページあたりの転送量: 約1MB
• Function Invocations: PVの1.5倍（Middleware + API Route）

月間1万PV（個人ブログ）

1万PVなら3社とも無料枠に収まる。ただしVercelは商用利用ならPro必須。

月間10万PV（成長中のメディア）

Cloudflareが最安。Vercel/Netlifyはほぼ同額だが、Vercelの方がNext.jsサポートが手厚い。

月間100万PV（大規模サイト）

100万PVでもCloudflareは$5で済む。Vercelは帯域がギリギリで、少しでも超えると$0.15/GBが加算される。Netlifyはクレジット不足で追加購入が必要になる可能性が高い。

どれを選ぶべきか

Vercelを選ぶべきケース

• Next.jsの最新機能を使いたい（PPR、Server Actions等）
• git pushだけでデプロイしたい（DX最優先）
• チーム開発でプレビューデプロイを多用する
• 月間100万PV以下で、Spend Managementを正しく設定できる

Netlifyを選ぶべきケース

• Astro/Hugo/Gatsbyなどの静的サイト がメイン
• Formsやidentity等の組み込み機能を使いたい
• 無料プランで商用利用したい（Vercel Hobbyは不可）
• Next.jsの高度な機能（PPR等）を使わない

Cloudflare Pagesを選ぶべきケース

• 帯域コストをゼロにしたい
• 画像が多い、または月間PVが大きいサイト
• DDoS対策を最強レベルにしたい
• Next.jsの基本機能（App Router + SSR + ISR）で十分

VPSを選ぶべきケース

上記3社はすべて従量課金要素がある。完全に固定費で運用したいなら、さくらのVPS や XServer VPS でのセルフホストが選択肢になる。月額¥500〜で帯域制限なし。ただしインフラ管理は自分でやる必要がある。詳しくはCoolify + VPSでNext.jsをセルフホストする全手順を参考にしてほしい。

さくらのVPS

老舗の安定感。エンコード用途にも使える国内VPS

• 2GBプラン 月額1,594円〜（石狩）
• 東京・大阪・石狩の3リージョン
• SSD 100GB・仮想3コア

XServer VPS

国内シェアNo.1のエックスサーバーが提供する高性能VPS

• NVMe SSD・AMD EPYC搭載の高速サーバー
• 2GBプラン 月額990円〜（3コア / 50GB SSD）
• 初期費用無料

よくある質問

Vercel Hobbyプランでアフィリエイトブログを運営できる？

できない。VercelのHobbyプランは個人・非商用プロジェクト専用だ。アフィリエイトブログ、クライアントワーク、SaaSなど収益が発生するサイトはすべてProプラン（$20/月）以上が必要。Hobbyで商用利用するとアカウント停止のリスクがある。

Cloudflare Pagesの帯域は本当に無制限？

本当だ。Cloudflare Pagesは無料プランを含むすべてのプランで帯域を課金しない。静的アセットへのリクエストも無制限。課金対象になるのはWorkersリクエスト（コンピュート）とCPU時間だけだ。

Netlifyのクレジット制は実際どう？

Netlifyでは、デプロイ・帯域・コンピュート・リクエストなどすべてのアクションがクレジットを消費する。Freeプランは月300クレジット、Personalは1,000、Proは3,000だ。使い切るとPersonal/Proは自動チャージされる。欠点は月末まで正確なコストが見えにくいこと。

Cloudflare PagesはNext.js App Routerに完全対応している？

OpenNextアダプターと実験的なVinext経由でApp Routerに対応している。SSR・ISR・Middlewareは動作するが、generateStaticParams() はVinextでは未対応だ。Next.jsの完全な互換性が必要ならVercelが唯一の選択肢。

VercelのサイトがDDoS攻撃を受けたらどうなる？

Hobbyプランでは帯域100GBの上限に達するとサイトが停止する。高額請求は発生しないが、サイトがオフラインになる。ProプランではSpend Managementで支出上限を設定できる。設定しないと、Cara事件（$96K）のように従量課金が膨らむリスクがある。

VercelからCloudflare Pagesへの移行は簡単？

静的サイトや基本的なSSRなら比較的スムーズだ。ただしPPR、Server Actions、Image Optimizationなど高度なNext.js機能を使っている場合は摩擦がある。OpenNextアダプターが一部のギャップを埋めるが、Next.jsのメジャーアップデート直後は機能パリティが保証されない。

2026年でもNetlifyを選ぶ理由はある？

ある。NetlifyのForms、Identity、スプリットテスト機能は静的サイトの開発効率を上げる。Vercelと違い無料プランでも商用利用可能だ。Astro、Hugo、Gatsbyなど静的サイトジェネレーターがメインでNext.jsの高度な機能が不要なら、Netlifyは引き続き有力な選択肢。

まとめ

「どれが最強か」ではなく「自分のプロジェクトに何が必要か」で選ぶ。Next.jsの最新機能とDXならVercel、コスト最優先ならCloudflare、静的サイト + 組み込み機能ならNetlify。

従量課金プラットフォームのコスト構造を深く理解したい場合はエッジコンピューティングのコスト構造比較も参考になる。

関連記事:

• エッジコンピューティングの落とし穴 — Vercel・AWS・VPSのコスト構造比較
• Coolify+VPSでNext.jsをセルフホストする全手順
• Vercel Proで高額請求？Spend Managementの設定を今すぐ確認しろ
• WordPressからVercelに移行すべき理由