【2026年版】Cloudflare Pages vs Vercel vs Netlify｜無料ホスティング3社を個人開発者目線で徹底比較
2026年2月27日 · TechTools Lab編集部
個人開発で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で運用しています。
広告
ConoHa WING
初期費用無料の高速クラウドサーバー
最大3,500円還元
詳しく見る →
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が最速です。これはCloudf
lareのエッジネットワークが日本国内にも多数のPoP（接続拠点）を持っているためです。ただし、体感で違いがわかるレベルかと聞かれると微妙。FCPの差は0.2秒程度で、ユーザーが「遅い」と感じるレベルではありません。
サーバーレス関数のレスポンスタイムでは、コールドスタートの有無でより大きな差が出ます。APIを頻繁に叩くアプリケーションなら、Cloudflareのエッジ実行の恩恵は明確に感じられます。
広告
ConoHa WING
初期費用無料の高速クラウドサーバー
最大3,500円還元
詳しく見る →
エコシステムと拡張性
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バックエンドも含めたフルスタック
→ C
loudflare 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つに制限されます。複数プロジェクトを運用している場合、ビルドのキューイングが発生して待ち時間が長くなることがあります。
広告
ConoHa WING
初期費用無料の高速クラウドサーバー
最大3,500円還元
詳しく見る →
まとめ：2026年の個人開発ホスティング最適解
3社を使い比べた結論として、個人開発者に最も推せるのはCloudflare Pagesです。帯域無制限、エッジのパフォーマンス、そしてWorkers・D1・R2を含むエコシステムの充実度が決め手です。
ただし、「最強」は存在しません。Next.jsをフル活用するならVercel、JAMstack+フォームならNetlify、それぞれに明確な強みがあります。大事なのは自分のプロジェクトに合ったサービスを選ぶこと。そして嬉しいことに、3社とも無料で試せます。
迷ったら全部にデプロイしてみてください。GitHubリポジトリを接続するだけで5分もかかりません。実際に触ってみれば、自分に合うサービスがすぐにわかるはずです。
🔧 デプロイを自動化しよう
ホスティング先が決まったら、次はGitHub ActionsでCI/CDを構築してデプロイを自動化しましょう。テスト→ビルド→デプロイのパイプラインを一度組んでしまえば、あとはコードを書いてpushするだけです。
📌 WordPressや従来型サーバーをお探しなら
静的サイト以外の選択肢として、国内最大手のレンタルサーバー エックスサーバーも安定した選択肢です。WordPressのインストールや独自ドメインの設定が簡単にできます。
