Vercel 料金比較：2026年のCloudflareとの違いと選び方

VercelとCloudflareの選択は、何をホストするかで決まります。Vercel 料金・機能比較では、まず実行環境を見極めましょう。Next.jsアプリでフレームワークとの互換性とリリースの速さを重視するならVercel、静的コンテンツの配信や、実行環境に適合する軽量なバックエンドならCloudflareが有力です。有料プランはWorkersが月額$5から、Vercel Proが月額$20からですが、VercelとCloudflareを比べる際は、ランタイム、料金の順に判断してください。

料金と公式ドキュメントに記載された機能は、2026年11月13日に両社の公開ページで確認しています。 推奨にあたっては、フレームワークとの適合性、リソース制限、運用フロー、ホスティング費用の総額を考慮しています。料金例は公開単価に基づく計算であり、実際にデプロイして測定したベンチマークではありません。

CloudflareとVercel、どちらを選ぶべきですか？

少人数のチームで一般的なNext.js製品を開発するならVercel、静的配信や、Workersで動作するコスト重視のバックエンドならCloudflareが優位です。 Next.jsは、Webサイトやサーバー側の処理を伴うアプリを構築するためのReactフレームワークです。アクセスのたびにコードを実行する必要が出てくると、ホスティング先の選び方も変わります。

AIコーディングツールで、認証、サーバーレンダリング、画像処理を備えたNext.jsアプリを作った創業者なら、まずVercelを検討してください。マネージド型のフロントエンドクラウドとして、これらをデプロイのワークフローにまとめています。顧客がつく前に互換性の調整を抱えてまで、少額のホスティング費を節約する価値は通常ありません。

ドキュメントサイト、静的ファイルにビルドするマーケティングサイト、リクエストの検証と外部サービスの呼び出しが中心のAPIなら、まずCloudflareです。Workersはネットワーク上でアプリケーションコードを実行し、Pagesはサイトのデプロイフローを提供します。配信コストを抑えやすい一方、ランタイムとデータバインディングの選択は自分たちで管理します。

選択が逆転する基準は明確です。 移行による節約額よりも、既存アプリの挙動を維持して省ける作業の価値が大きいならVercelを続けます。ワークロードがランタイムに適合し、継続的な節約やバックエンドの統合に移行を引き受けるだけの価値があるなら、Cloudflareを選びます。

Next.jsのホスティング：フレームワークとの適合性ではVercelが優位

手元のNext.jsプロジェクトと同じ挙動を求めるなら、Vercelが無難な第一候補です。 サーバーサイドレンダリング（SSR）をマネージドFunctionsで処理し、サイト全体を再ビルドせずにキャッシュ済みページを更新するISR（Incremental Static Regeneration）にも対応します。ストリーミングとオンデマンド画像最適化も、公式のNext.js統合に含まれます。

Cloudflareでもこの種のアプリを実行できます。ただし、現在推奨されているのは、JavaScriptビルドツールVite向けのベータ版プラグインvinextです。Next.jsのAPIを再実装する仕組みなので、同じNext.jsのビルド成果物を別のホストで動かすこととは意味が異なります。

Cloudflareの現在のNext.jsガイドでは、App Router、Pages Router、React Server Components、Server Actions、ストリーミングSSR、ISRへの対応を挙げています。next/*のインポートはおおむね対応、画像最適化は一部対応とされています。決済、認証、コンテンツ公開が特定の挙動に依存する場合、ベータ版である点は特に重要です。

OpenNextも、引き続き公式に手順が公開されている選択肢です。 @opennextjs/cloudflareアダプターは、next buildの出力をWorkers向けに変換します。CloudflareのOpenNext対応表では、SSR、ISR、Server Actions、ストリーミングに対応していますが、Node.jsミドルウェアは未対応のままです。ミドルウェアはページやルートハンドラーの前に動作するため、通常のページが動いても、そのランタイムを必要とする認証ライブラリが移行の障害になり得ます。

Cloudflareでは、どちらの方法でも基盤となるランタイムを確認する必要があります。Vercel FunctionsはNode.jsランタイムを使えますが、CloudflareではこれらのアプリをWorkersランタイムで動かします。Workersが提供するのはNode.js APIの一部です。部分的な実装や、インポートはできてもメソッドを呼ぶとエラーになるshimも含まれます。パッケージのインストールに成功しても、実行時の互換性が証明されたことにはなりません。

既存製品では、実際の依存関係とサーバールートを調べてから方法を選んでください。新規アプリで、フレームワークの導入だけでも十分な変化になるなら、Vercelを選ぶ価値があります。

静的サイト：配信コストではCloudflareが優位

リクエストごとにレンダリングせず、ファイルを配信するサイトは、Cloudflareの強みが最も明確に出る用途です。 静的エクスポートには、ビルド済みのHTML、JavaScript、スタイル、画像が含まれます。必要なのは配信であり、訪問者ごとに処理するNext.jsサーバーではありません。CloudflareはNext.jsの静的エクスポートにはPages、フルスタック用途にはWorkersという手順を案内しています。

Pagesの料金ドキュメントでは、その境界を明示しています。Functionsを呼び出さない静的アセットへのリクエストは、無料・有料プランともに無料かつ無制限です。Pages FunctionsはWorkersの課金体系を使い、利用枠も共有します。そのため、認証ミドルウェアやAPIエンドポイントを加えると、「静的」なはずのサイトでも費用が変わる可能性があります。

配信が無料でも、ビルド回数やファイルサイズまで無制限ではありません。プラットフォームの制限によれば、Pages Freeは月500ビルド、20,000ファイル、アセットあたり最大25 MiBです。ビルドに関するプラン体系はWorkers Paidとは別であり、Workersのコンピュート料金を払っても、Pagesの制限がすべてなくなるわけではありません。

静的コンテンツが中心の製品では、費用の試算時にマーケティングページと動的処理を分けてください。キャッシュ済みページとチャットリクエストは、課金上も別のイベントです。同じプロジェクトで近いうちに本格的なサーバー処理が必要になるならVercelも妥当ですが、今後も静的配信が中心ならCloudflareを第一候補にできます。

APIとAIストリーミングでCloudflare WorkersとVercelを比較

待ち時間が大半を占める軽量なリクエスト処理ならCloudflare、メモリを多く使う処理や、より広いNode.js互換性が必要ならVercelが優位です。 AIプロバイダーからトークンが返るのを待つことと、大きなドキュメントの解析にCPUを使うことは異なります。

CloudflareのWorkersの制限では、CPU時間と経過時間を区別しています。PaidのHTTPリクエストは、デフォルトでCPU時間30秒、設定により最大5分です。ネットワークの待ち時間はこのCPU枠を消費しません。HTTPで起動するWorkersは、クライアントが接続を維持している間、経過時間の固定上限がありません。ただし、中断される可能性は残ります。

より厳しい制約は、isolateあたり128 MBというメモリ上限です。isolateは複数のリクエストを同時に処理できる実行コンテナーです。Worker経由でレスポンスをストリーミングする処理なら収まっても、大きなファイル全体と解析済みデータのコピーを複数メモリに載せると、収まらない場合があります。Workers Freeも呼び出しあたりCPU時間10 msなので、重いサーバーレンダリングを任せられると考えるのは適切ではありません。

VercelのFluid Functionsの制限では、Proのデフォルトメモリ割り当ては2 GBで、4 GBまで設定できます。実行時間はデフォルト300秒、一般提供されている上限は800秒です。拡張された1,800秒のベータ機能には、対応するランタイムバージョンと関数単位の設定が必要です。この経過時間の上限には、ストリーミングレスポンスの送信時間も含まれます。

速度について、あらゆるケースで一方が優れているとは言えません。訪問者に近いサーバーでも、遠くのデータベースの応答を待つことがあります。遅い依存先を基準に配置を選び、そのうえで、自分たちのデータを使って認証済みリクエスト全体を計測してください。

Vercel 料金比較：同じ処理をCloudflareで動かすといくらですか？

以下のAPIモデルではCloudflareのほうが安くなります。ただし、単純に「帯域幅が無料か、有料か」という差ではありません。 Vercelは現在Flat Rate CDNを提供しており、コンピュート料金もアクティブCPUと確保済みメモリを分けて計算します。

現在のプラン体系は、Workers Free、月額$5からのWorkers Paid、個別条件のEnterpriseと、Vercel Hobby $0、Pro月額$20、個別見積もりのEnterpriseです。Workersの料金では、Paidに月1,000万リクエストと3,000万CPUミリ秒が含まれ、超過分は100万リクエストあたり$0.30、100万CPUミリ秒あたり$0.02です。外向き転送量や経過時間への課金はありません。

Vercelの料金ページでは、Functions、オリジン転送、ビルド、ストレージ、画像処理、ISRなどを個別に計測します。Proには月$20分の利用クレジットが含まれます。プラン詳細では、デプロイ権限付きシート1席が含まれ、追加シートは1席あたり月額$20と確認できます。最低料金をアプリ全体の固定料金と捉えず、詳しい体系はVercelの料金解説で確認してください。

CDN配信には、Proで有効にするFlat Rate CDNを選べます。標準で含まれる枠は100万CDNリクエストと1 TB、次の容量枠は月額$20の追加で1,000万リクエストと50 TBです。対象は配信であり、レスポンス生成に必要な処理すべてではありません。

月間API料金の計算例

商用APIを想定します。デプロイを行う開発者は1人、両プラットフォームでキャッシュされないリクエストが100万件、1件あたりCPU時間50 ms、経過時間1秒とします。アプリはWorkersのメモリ制限内に収まります。VercelではWashington, D.C.の2 GBインスタンスを使い、同じインスタンスでリクエストが重複して処理されることはないとします。各リクエストの課金対象オリジン転送量は合計10 KBで、追加の静的リクエストはありません。

Flat Rate CDNを有効にし、継続的な月間トラフィックに合う容量を選ぶものとします。VercelではBasicビルド100分の**$0.70**を含め、Cloudflareへのアップロード用ビルドはローカルで行います。データベース、AIプロバイダー料金、画像処理、ISR、追加ストレージ、税金、有料の可観測性機能は除外します。Cloudflareのログも標準枠内に収めます。これらは試算の条件であり、実測した実行性能ではありません。

同地域のVercelのFluidコンピュート単価は、CPU 1時間あたり$0.128、確保済みメモリのGB時間あたり$0.0106、100万呼び出しあたり$0.60です。ネットワーク待機中はCPU課金が止まりますが、インスタンスがリクエストを処理している間、メモリ課金は続きます。Fast Origin Transferには、ここで用いる開始単価で**$0.06/GB**が加わります。

• Cloudflare： 5,000万CPU msから標準枠の3,000万を引くと、CPU超過料金は$0.40です。リクエスト数は標準枠内です。月額$5を加え、月$5.40になります。
• Vercel： CPUが$1.78、確保済みメモリが$5.89、呼び出しが$0.60、オリジン転送が$0.60、ビルドが$0.70です。リソース料金の小計$9.57は$20のクレジット内に収まります。CDNも標準枠に収まるため、支払いは月額$20のプラットフォーム料金です。

ほかの条件を変えず、リクエスト数だけ増やすと、試算額は500万件で$9.40対$65.03、1,000万件で$14.40対$109.37になります。後者のVercelの試算には、追加$20のCDN容量枠を含めています。

この試算の各点では、料金の逆転はありません。 一方、どのような環境でも一方が安くなるリクエスト数を示すこともできません。同時実行によってVercelのメモリ料金が下がる場合があり、キャッシュは呼び出し回数を変え、リージョンや追加機能によって単価も変わります。事業上の損得を左右するのは、多くの場合、エンジニアリングにかかる時間です。月々の少額の節約では、終わりの見えない互換性対応を賄えません。

アクセス急増：公開前に、何を止めるか決めておきます

両社とも支出管理機能を提供していますが、すべての料金に厳密な上限を保証するものではありません。 トラフィックが来る前に、利用継続とサービス停止のどちらを優先するか決めてください。

Vercel Flat Rate CDNでは、1日だけの配信急増で容量枠が引き上げられることはありません。月を通じて容量超過が続くと、次の請求サイクルで上位の枠に移る場合があります。大量ダウンロードや、ファイル・メディア配信が中心のワークロードは、明示された適用条件の対象外です。動的コンピュートも別に計測されます。

VercelのSpend Managementは、設定額に達したときにチームの本番デプロイをすべて一時停止できます。アラートや停止には数分の遅延が生じることがあります。通知を有効にしても、停止アクションを有効にしたことにはなりません。また、停止すれば顧客もアクセスできなくなります。

CloudflareのWorkers支出上限は、標準枠を超えたアカウント全体のリクエストとCPU料金を対象にします。基本料金や、R2、KV、Durable Objectsなどの製品料金は含みません。テスト用Workerが共有予算を使い切り、本番Workersを止める可能性もあります。集計と遮断に遅延があるため、設定値が請求額の厳密な最大値になるわけではありません。

Workerコードを実行せずに配信する静的アセットは、遮断後も利用できる場合があります。一方、最初にWorkerを実行するルート設定では、エラーになる可能性があります。通常の無料の静的配信とWorkers Cachingも区別してください。Workers Cachingでは、静的アセットを含め、キャッシュから返すリクエストにもリクエスト単価で課金されます。

静的配信の急増に対する費用面ではCloudflareが優位です。全費用を保証された単一料金に収めるという点では、どちらも該当しません。 AIアプリでは、ホストだけでなくモデルプロバイダー側の制御も設定してください。安価なリクエストハンドラーから、高額な推論を実行できてしまうためです。

データ・ストレージ・AI：統合バックエンドならCloudflareが優位

Cloudflareはバックエンドのより多くの部分を自社の連携サービスとして提供し、Vercelは外部サービスを接続しやすくしています。 比較表に並ぶ製品名の数よりも、この違いが重要です。

Cloudflareのストレージガイドでは、SQLデータにはD1、キーバリューデータにはWorkers KV、外向き転送料のないS3互換ファイルストレージにはR2、一貫した状態管理と協調処理にはDurable Objectsを対応づけています。Hyperdriveは既存のPostgresやMySQLデータベースへの接続、Queuesは後回しにする処理、Vectorizeは類似検索用ベクトルの保存を担います。

選択基準はデータの挙動です。KVは結果整合性を採用しており、更新が直ちにすべての場所へ反映されるとは限りません。設定情報には向いていても、残り1つの商品を2人が購入することを防ぐトランザクションの仕組みと混同してはいけません。Web層を移す場合も、既存のデータベースはそのままにするほうがよいことがあります。

Vercelの現在のストレージ構成には、ファイル用のBlob、設定用のGlobal Config、一時的なリージョン内データ用のRuntime Cache、Marketplaceのデータベースがあります。リレーショナルデータベースやキーバリューデータベースは各プロバイダーを通じて提供され、ひとまとめに交換可能な「Vercelデータベース」ではありません。

AI向けには、Workers AIがCloudflareのインフラ上でモデルを実行します。Cloudflare AI Gatewayは、キャッシュ、レート制限、再試行などの制御を加えます。Vercel AI Gatewayは、複数プロバイダーのモデルへのアクセス、ログ、支出管理、フェイルオーバーを集約し、ほかのインフラからも使えます。採用しても、アプリのホスティングをVercelに移す必要はありません。

引き換えになるのは、プラットフォームとの結びつきです。 CloudflareのバインディングはWorkersコードから各サービスを使いやすくしますが、離れる際には、その呼び出しの置き換えも必要です。別にホストするデータベースなら、どちらのプラットフォームでも選択の余地を残せます。ホスティング以外も含む全体像は、Cloudflareレビューで解説しています。

プレビュー・ロールバック・ログ：アプリ開発フローではVercelが優位

Next.jsの変更を、デプロイの準備を最小限にしてレビューしたいなら、Vercelが優位です。 Git連携でプルリクエストのプレビューURLを生成し、Instant Rollbackでは再ビルドせずに既存のデプロイへ戻せます。

CloudflareにもブランチごとのWorkers Previewsがあり、独自の変数、シークレット、バインディング、可観測性を備えます。注意が必要なのはデータの分離です。KV、D1、R2が分離されるのは、別々のリソースをバインドした場合だけです。Previewからのサービスバインディングは、バインド先Workerの本番デプロイを呼び出します。

これらをVersion URLsと混同してはいけません。Version URLsは、既存の設定とリソースを使って特定バージョンを公開するものです。ホスト名が別でも、安全なテスト用データベースにつながっている証明にはなりません。

Workersのロールバックでは、ダッシュボードや、コマンドラインのデプロイツールWranglerから以前のコードバージョンを復元できます。どちらのプラットフォームでも、コードを戻すだけでは顧客の書き込みは取り消されず、データベースのマイグレーションも自動では元に戻りません。復元する可能性のあるデプロイと互換性を保つ形で、スキーマを変更してください。

デバッグ用のWorkers Logsは、永続化して検索できるログと、設定可能なサンプリングに対応します。Paidには月2,000万ログイベントと7日間の保持が含まれます。Vercelの料金ページでは、Proのランタイムログは1日間、Observability Plusで30日間に延長されます。決済やストリーミングの失敗を診断できるログを残し、昨日の証拠がまだあると考える前に、保持期間を確認してください。

VercelからCloudflareへ移行するには

現在のホスティング機能を何で置き換えるか説明できてから、アプリを移してください。 Gitリポジトリで移せるのはコードです。プラットフォーム設定、認証情報、キャッシュ済みコンテンツ、保存済みファイル、デプロイの安全策までは移りません。

1. 1

   ランタイムの対応状況を確認します

   サーバールート、ミドルウェア、画像処理、依存関係を洗い出します。vinextでは、公式手順のnpx vinext checkをプロジェクトで実行し、互換性の確認結果を調べます。OpenNextでは、アプリが使う機能を対応表と照合してください。受け入れ確認には、ログイン、決済、アップロード、ストリーミングも含めます。

2. 2

   テストデータと本番データを分離します

   環境変数とすべてのストレージバインディングを整理します。コンピュートを変える際は、実用上可能なら既存データベースを維持します。プレビューから作成・更新・削除を行う前に、テスト専用のリソースと認証情報を設定してください。

3. 3

   DNSを切り替える前に復旧をリハーサルします

   リダイレクト、ヘッダー、独自ドメイン、定期実行処理、監視を確認します。以前のデプロイを残し、現在のデータベーススキーマを読めることを確かめます。その後で初めて、ドメインの接続先ホストを示すレコードであるDNSを切り替えます。

現在の請求額が少額、ランタイム互換性の担当者がいない、または再現できていない挙動にアプリが依存している場合は、まだ移行しないでください。 まず、どの課金項目が増えているか確認します。高額なモデル呼び出しはホスティングを変えても解決しません。データベースも同時に移すと、障害原因の切り分けが難しくなります。

アプリが根本的に別の実行モデルを必要とするなら、この2社に無理に当てはめず、より広いVercel代替サービスの候補を検討してください。

Netlify・Vercel・Cloudflareを比較すると？

静的サイトで組み込みフォーム処理とマネージド型のデプロイフローが必要なら、Netlifyが第3の選択肢です。VercelとNetlifyの比較と、別記事のNetlify料金ガイドも参照してください。

開発者がよく尋ねる質問

VercelとCloudflareはどちらがよいですか？

少人数のチームで、マネージドなNext.jsの挙動を重視するなら、Vercelが第一候補です。静的配信や、Workersに適合する軽量なバックエンドではCloudflareが優位です。既存アプリの場合は、ホスティング料金の差よりも、互換性や移行を担えるかどうかが重要になることがあります。

Cloudflareを使うデメリットは何ですか？

今回のホスティング選択では、主な制約はランタイムの互換性、Workersのメモリ上限、プラットフォーム固有のデータバインディングです。推奨されるvinextはベータ版であり、公式に手順があるOpenNextもNode.jsミドルウェアにはまだ対応していません。

Vercelよりよいサービスはありますか？

静的配信や、大量のリクエストが発生する互換性のあるAPIでは、Cloudflareのほうが適する場合があります。ただし、現在正常にデプロイできているNext.jsアプリが、移すだけでよくなるわけではありません。具体的な請求項目と、依存している挙動を置き換えるための作業量を比べてください。

Vercelは100%無料ですか？

いいえ。無料のHobbyプランは、個人の非商用利用に限定され、利用量にも上限があります。商用利用には適切な有料プランが必要です。Proにはプラットフォーム料金と従量課金サービスがあります。提供元のHobbyプランの条件を確認してください。

CloudflareはVercelより速いですか？

この比較から、常に一方が速いとは言えません。静的キャッシュへのヒット、サーバーレンダリング、データベース呼び出し、AIストリーミングではボトルネックが異なります。ネットワーク規模をレイテンシーのベンチマークと捉えず、代表的なリクエストとデータベースまでの経路を計測してください。

VercelはCloudflare上に構築されていますか？

VercelをWorkersランタイムのラッパーとして捉えるべきではありません。両社は異なるホスティングとデプロイの仕組みを提供しています。VercelのFunctionsドキュメントは独自のランタイムとAWSに由来するバンドル制限を説明し、CloudflareのドキュメントはWorkersとその互換性確保の方法を説明しています。

NetlifyとCloudflareはどちらがよいですか？

静的サイトでは、この比較で配信コストを重視した選択肢はCloudflareです。自分たちで作る必要があるバックエンド処理をフォーム機能で省けるなら、Netlifyも検討に値します。

静的サイトにはCloudflare PagesとNetlifyのどちらが向いていますか？

PagesとNetlifyに絞るなら、主にビルド済みファイルを配信したいのか、Netlifyのマネージドなフォーム送信フローも必要なのかで判断します。動的エンドポイントの費用は、静的配信とは別に計算してください。

Cloudflareの最大の競合はどこですか？

比較する製品によります。このページでは、Vercelをアプリケーションホスティングの代替として評価しています。Cloudflareのネットワーク、セキュリティ、開発者向け製品全体について、最大の競合を特定するものではありません。

FBIはCloudflareを使っていますか？

ここでは、検証済みの顧客利用についての主張はしていません。その質問はWorkersとVercelのどちらがアプリに合うかとは別であり、ホスティング選びの推薦根拠にはできません。

Vercelを選ぶ条件、Cloudflareを選ぶ条件

Vercelを選ぶのは、 Next.js製品をリリースし、そのマネージドなフレームワークの挙動が必要で、互換性移行を自分たちで担うよりも、統合された開発フローに料金を払いたい場合です。

Cloudflareを選ぶのは、 静的アセットや互換性のあるAPIコードの配信が中心で、リソース制限を理解し、データバインディング、プレビュー、復旧方法を自分たちで管理できる場合です。既存のNext.jsアプリなら、節約を約束する前に、vinextとOpenNextのどちらを使うかを解決してください。

次に行うことは具体的です。最も利用されるルートを分類し、費用を支配する課金項目を特定して、ランタイムの依存関係を確認します。それによって、根拠を説明できるホスティング選択ができます。

ホスティングを移す前に、どのアプリ依存関係や引き継ぎに担当者が必要か、AI Business Workflow Audit Checklistで確認してください。ニュースレターからチェックリストを入手できます。