【2026年版】Cloudflare Pages vs Vercel vs Netlify｜無料ホスティング3社を個人開発者目線で徹底比較

個人開発でWebサイトやアプリをデプロイするとき、「どこにホストするか」は地味だけど重要な選択です。Cloudflare Pages、Vercel、Netlify——この3つは2026年現在、個人開発者が無料で使えるホスティングサービスの定番ですが、実際に使い比べてみると結構違いがあります。

僕はこの1年で3つとも実際にプロダクトをデプロイしてきました。ブログをNetlifyに、PagePulse（Web監視ツール）のダッシュボードをVercelに、StatusCraft（ステータスページ）のフロントをCloudflare Pagesに。この記事では、その経験をもとに3社を比較します。

無料プランの比較一覧（2026年2月時点）

まず全体像から。個人開発で特に重要な項目を並べます。

帯域幅（Bandwidth）

• Cloudflare Pages — 無制限
• Vercel — 100GB/月
• Netlify — 100GB/月

Cloudflare Pagesの「無制限」は圧倒的です。VercelとNetlifyの100GBも個人サイトなら十分ですが、画像が多いポートフォリオサイトや、バズったときのアクセス急増を考えると、制限がないCloudflareの安心感は大きいです。

実際、以前Netlifyで運用していたブログ記事がHacker Newsに載ったとき、3日間で帯域の70%を消費して肝を冷やしたことがあります。Cloudflare Pagesならこの心配がゼロです。

ビルド時間

• Cloudflare Pages — 月500回（無制限時間）
• Vercel — 月6,000分（100時間）
• Netlify — 月300分（5時間）

計算の仕方が各社で異なるのがややこしいポイントです。Cloudflareは回数制限、VercelとNetlifyは時間制限。1回のビルドが2分かかるプロジェクトの場合：

• Cloudflare → 月500回 = 1日16回
• Vercel → 月3,000回相当 = 1日100回
• Netlify → 月150回 = 1日5回

Netlifyの300分は、開発中に頻繁にpushする人だと意外と早く消費します。僕の場合、1日に10回以上pushすることもあるので、Netlifyの無料枠だけでは心許ないです。

サーバーレス関数

• Cloudflare Pages — Functions（Workersベース）、1日10万リクエスト無料
• Vercel — Serverless Functions、月10万実行・100GB時間無料
• Netlify — Functions、月125,000リクエスト・最大10秒/実行

3社ともサーバーレス関数を提供していますが、アーキテクチャが異なります。Cloudflareはエッジで動作するためコールドスタートがほぼゼロ（体感で10ms以下）。VercelとNetlifyはAWS Lambdaベースで、コールドスタートが200〜500ms程度発生します。

APIのレスポンス速度が重要なプロダクトならCloudflare、Next.jsのAPI Routesをそのまま使いたいならVercelが自然な選択です。

フレームワーク対応：Next.jsを使うならどこ？

2026年のフロントエンド開発でフレームワーク選びは避けて通れません。各社の対応状況を見てみます。

Next.js

Vercelが開発元なので、当然ながらVercelが最も相性が良いです。App Router、Server Components、ISR（Incremental Static Regeneration）、Middlewareなど、Next.jsのすべての機能がVercelでフルサポートされています。

Cloudflare Pagesも@cloudflare/next-on-pagesでNext.jsをサポートしていますが、一部のNode.js APIが使えないなど制約があります。Netlifyも独自のアダプタで対応していますが、エッジ関数との組み合わせで挙動が変わることがあり、デバッグに時間を取られた経験があります。

Astro / Remix / SvelteKit

Next.js以外のフレームワークでは、3社の差は小さくなります。Astroの静的サイト生成なら、正直どこでもほぼ同じ体験です。Remixを使うならCloudflare Workersとの相性が良く、SvelteKitはVercelとNetlifyに公式アダプタがあります。

静的サイト（Hugo / 11ty / プレーンHTML）

静的サイトならCloudflare Pages一択と言い切ってもいいレベルです。帯域無制限・ビルドも速い・CDNの品質が高い。このブログもCloudflare Pagesで運用しています。

DX（開発者体験）の違い

プレビューデプロイ

3社ともPR/ブランチごとにプレビューURLを自動生成してくれます。ただし体験に差があります：

• Vercel — PRにコメントでプレビューURLを投稿してくれる。UIが洗練されていて、デプロイログもWebダッシュボードで見やすい。
• Netlify — Deploy Previewが自動生成され、PRにステータスチェックが付く。Vercelと同等の体験。
• Cloudflare Pages — プレビューURLは生成されるが、GitHubのPRコメントへの自動投稿は設定が必要。ダッシュボードのUIはやや簡素。

DXの洗練度ではVercel ＞ Netlify ＞ Cloudflareの順です。Vercelは「GitHubにpushしたら、あとは何もしなくていい」という体験が本当によくできています。

ローカル開発環境

• Vercel — vercel devでローカルにサーバーレス関数の環境を再現
• Netlify — netlify devで同様の体験
• Cloudflare — wrangler pages devでWorkers環境をローカル実行。Miniflareベースで再現度が高い

どれも十分使えますが、Cloudflareのwranglerはエッジ環境特有のAPIをローカルで忠実に再現してくれるので、「デプロイしたら動かない」問題が少ない印象です。

パフォーマンス比較：実測データ

同じ静的サイト（Astroで生成、約50ページ）を3社にデプロイして、東京からのレスポンスタイムを計測してみました（2026年2月、5回計測の中央値）。

• Cloudflare Pages — TTFB: 12ms、FCP: 0.4s
• Vercel — TTFB: 28ms、FCP: 0.5s
• Netlify — TTFB: 45ms、FCP: 0.6s

Cloudflareが最速です。これはCloudflareのエッジネットワークが日本国内にも多数のPoP（接続拠点）を持っているためです。ただし、体感で違いがわかるレベルかと聞かれると微妙。FCPの差は0.2秒程度で、ユーザーが「遅い」と感じるレベルではありません。

サーバーレス関数のレスポンスタイムでは、コールドスタートの有無でより大きな差が出ます。APIを頻繁に叩くアプリケーションなら、Cloudflareのエッジ実行の恩恵は明確に感じられます。

エコシステムと拡張性

Cloudflare — インフラが丸ごと揃う

Pages単体で見ると機能は最小限ですが、Cloudflareのエコシステム全体で考えると最強です。Workers、KV、D1、R2、Queues、Durable Objects、Workers AI——マイクロSaaSを構築するのに必要なものがすべて揃っています。「静的サイトから始めて、徐々にバックエンドを足していく」という成長パスが描きやすいです。

Vercel — フロントエンド特化の安心感

Edge Config、Cron Jobs、KV（Redis互換）、Blob Storage、Analytics。フロントエンド開発に必要な機能が過不足なく揃っています。Next.jsとの組み合わせなら、「何も考えずに動く」安心感はピカイチ。ただし有料プランへの移行が早い印象があり、Pro（月$20）への誘導がやや積極的です。

Netlify — プラグインエコシステム

Netlifyの特徴はプラグインです。ビルドプロセスにフックを挟んで、画像最適化・キャッシュ制御・通知送信などをプラグインで追加できます。ただ2026年時点では、この差別化ポイントが以前ほどのアドバンテージではなくなった印象です。VercelやCloudflareが同等の機能を本体に取り込んでいるためです。

用途別おすすめの選び方

ブログ・ポートフォリオ（静的サイト）

→ Cloudflare Pages。帯域無制限で、バズっても安心。設定もシンプル。

Next.jsアプリ

→ Vercel。フレームワークの開発元だけあって、機能の対応が最速。ISRやServer Actionsを使うならVercel以外を選ぶ理由がない。

APIバックエンドも含めたフルスタック

→ Cloudflare Pages + Workers。D1やR2まで含めて無料枠内でフルスタックが完結する。QuickSummary（AI要約Chrome拡張）のようなプロダクトのバックエンドAPIも、この構成で十分動かせます。

JAMstack + フォーム + CMS連携

→ Netlify。Netlify FormsやIdentityなど、JAMstack特化の機能が便利。フォーム処理を自前で実装したくない場合に。

とりあえず迷ったら

→ Cloudflare Pagesから始めて、Next.jsが必要になったらVercelに。2026年時点のコスパと拡張性を考えると、この順番が最も合理的です。

注意点：無料プランの「罠」

3社とも無料プランは太っ腹ですが、いくつか知っておくべきポイントがあります。

• Vercel — 商用利用はProプラン（$20/月）が必要。個人の趣味プロジェクトならHobbyプランで問題ないが、収益が発生するサービスは規約上アウトです。
• Netlify — 帯域超過時の課金が自動で発生する設定がデフォルト。意図しない請求を防ぐため、設定で上限アラートをオンにしておきましょう。
• Cloudflare Pages — 無料プランでは同時ビルドが1つに制限されます。複数プロジェクトを運用している場合、ビルドのキューイングが発生して待ち時間が長くなることがあります。

まとめ：2026年の個人開発ホスティング最適解

3社を使い比べた結論として、個人開発者に最も推せるのはCloudflare Pagesです。帯域無制限、エッジのパフォーマンス、そしてWorkers・D1・R2を含むエコシステムの充実度が決め手です。

ただし、「最強」は存在しません。Next.jsをフル活用するならVercel、JAMstack+フォームならNetlify、それぞれに明確な強みがあります。大事なのは自分のプロジェクトに合ったサービスを選ぶこと。そして嬉しいことに、3社とも無料で試せます。

迷ったら全部にデプロイしてみてください。GitHubリポジトリを接続するだけで5分もかかりません。実際に触ってみれば、自分に合うサービスがすぐにわかるはずです。