Cloudflare PagesとVercelを比較:AIサイトのホスティング先
AIサイトを収益化するならCloudflare、Next.jsの使いやすさを重視するならVercel。料金、転送量、関数の課金方式を比較します。
👁 113閲覧数
AIサイトを収益化するなら、料金面ではCloudflareが有利です。無料プランでも商用利用が可能で、静的ファイルの転送量に上限がありません。一方、Vercel Hobbyは非商用プロジェクト専用で、月間転送量は100 GBです。Next.jsアプリの使いやすさやAI SDKのエコシステムではVercelに強みがあります。2026年10月時点の情報を項目別に比較します。Cloudflareについて詳しくはガイドをご覧ください。
2026年10月5日時点
- Cloudflare Pages/Workers: 0 USD、月500回のビルド、1日10万回の関数呼び出し。アカウント全体で月5 USDから有料。
- Vercel: Hobbyは0 USD(非商用のみ)、Proは月20 USD。
- 新情報: Vinext 1.0(2026年9月28日)- CloudflareによるVite上のNext.js実装で、Next.jsアプリを移行しやすくします。
- 注記: この記事のために、どちらのプラットフォームにもプロジェクトをデプロイしていません。料金表とドキュメントをもとに比較しています。
まず確認:PagesとWorkersの違い
Cloudflareでサイトをホストする方法は2つあります。Pagesは、GitHub連携とサーバー側の機能を備えた従来型の静的サイトホスティングです。WorkersのStatic Assetsも同様のことができますが、プラットフォームのほかの機能と共通の仕組みで扱えます。Pagesは廃止されていませんが、Cloudflareは新機能の主な開発先をWorkersとしており、ドキュメントにはPagesからの移行ガイドもあります。新しいAIプロジェクトなら、私はWorkersを選びます。この記事で「Cloudflare」と表記する場合は、PagesとWorkersの両方を指します。料金と上限は共通です。
CloudflareとVercelの比較表
| Cloudflare(Pages/Workers) | Vercel | |
|---|---|---|
| 無料プラン | Free、商用利用可能 | Hobby、非商用のみ |
| 無料プランの転送量 | 静的ファイルは上限なし | 月100 GB |
| 無料プランの関数 | 1日10万回の呼び出し、1回あたりCPU時間10 ms | 月100万回の呼び出し |
| ビルド | 月500回、同時実行1件(Free) | プランによる |
| 有料プラン | アカウント全体で月5 USDから | Proは月20 USD |
| 関数の課金方式 | CPU時間(AI APIの応答待ちは含まれない) | 呼び出し回数とアクティブな計算時間 |
| Next.js | アダプターとVinext経由 | ネイティブ対応。VercelがNext.jsを開発 |
| 組み込みAI機能 | Workers AI(モデル)、AI Gateway、Agents SDK、Vectorize、AI Search | AI SDK、Vercel AI Gateway、v0 |
| データベースとファイル | D1(SQL)、KV、転送料金のないR2 | 外部サービス連携(Marketplace) |
| ボット・DDoS対策 | 標準搭載。Freeでも上限なし | ファイアウォールを標準搭載 |
AIアプリでは関数の課金方式が重要
AIアプリの関数は、モデルにリクエストを送り、数秒から数十秒ほど応答を待つのが一般的です。WorkersではCPU時間に対して課金され、ネットワーク経由の応答を待つ時間はCPU時間に含まれません。モデルの応答を20秒待ち、結果の処理に5 msかかる関数なら、呼び出しあたり10 msという無料枠に収まります。チャットボットやエージェントでは大きな違いになります。Vercelもアクティブな計算時間に基づく課金方式に移行しましたが、Hobbyプランの上限と商用利用の禁止は変わりません。
Cloudflareを選ぶとよいケース
- 広告、販売、アフィリエイトなどでサイトを収益化したいが、初日から料金を払いたくない。
- アクセスが急増する可能性がある。静的ファイルの転送量は無制限なので、記事が大きく拡散しても転送量に応じた請求は発生しません。
- AIモデル、データベース、ファイル、キューを1社にまとめ、ユーザー単位ではなくアカウント全体で月5 USDを支払いたい。
- モデルの応答を長時間待つエージェントを開発している。
- バイブコーディング用のサイトを作る。Cloudflare創業者の9月27日付書簡によると、こうしたツールの大半はCloudflareをデフォルトのデプロイ先にしています。
Vercelを選ぶとよいケース
- アプリがNext.js製で、フレームワークの最新機能を使っている。Vercelなら初日から利用できます。
- v0でインターフェースを作り、ワンクリックでデプロイしたい。v0についてはVercel v0の料金とクレジットで紹介しています。
- 料金よりも、変更ごとのプレビュー、プレビュー上のコメント機能、使いやすい管理画面を重視するチーム。
- 趣味の非商用プロジェクトで、Hobbyプランで十分な場合。
アクセス増加時のコストを簡単に試算
月間30万ページビューのAIツール付きブログを想定します。ページの容量は2 MBで、2万人がAI機能を1回ずつ使うケースです。
- 転送量: 30万回 × 2 MB = 約600 GB。Cloudflare Freeでは静的ファイルの転送量は0 USDです。Vercel Hobbyの上限は100 GBですが、広告付きブログは商用利用にあたるため、そもそも利用できません。Vercel Proは月20 USDで、プラン料金に含まれる転送量の上限があります(詳細はVercelの最新料金表をご確認ください)。
- 関数: 月2万回の呼び出しは、どちらのプラットフォームでも無料枠に収まります。
- AIモデル: ホスティング料金とは別に、モデル提供元への支払いが必要です。費用の管理方法はAI GatewayでAPI費用を管理する方法で解説しています。
これらのプラットフォームにデプロイできるAIツール
- LovableとBoltには独自のホスティング機能がありますが、プロジェクトをエクスポートしてCloudflareやVercelにデプロイすることもできます。
- コーディングエージェント(Claude Code、Codex、Cursor)は、CLIを使ってどちらのプラットフォームにも対応できます。Cloudflareでは
wranglerまたは新しいcf、Vercelではvercelを使います。Cloudflareによると、2026年9月にはWranglerの利用の48%をエージェントが占めていました。 - デプロイせずにローカルプロジェクトをプレビューするなら、Quick Tunnelが便利です。詳しくはCloudflare TunnelとOllamaをご覧ください。
私の選択
収益化するブログ、ランディングページ、AIツールなら、静的アセットを使うCloudflare Workersを選びます。開発者の作業時間を月20 USDより重視するチームで、大規模なNext.jsアプリを作るならVercel Proです。商用利用の予定がないプロトタイプなら、どちらの無料プランも問題ありません。
Google · あなたの情報源GoogleでKiramesuをもっと上位に表示-ワンクリックで設定お気に入りの情報源に追加 →

