【図解で比較】Vercel vs Cloudflare — エッジデプロイ先はどっちを選ぶ？

ユーザーに近いサーバー（エッジサーバー）でWebサイトやアプリを動かす仕組みだよ。東京のユーザーなら東京のサーバー、ニューヨークのユーザーならニューヨークのサーバーで処理するから、表示がめちゃくちゃ速くなるんだ。

そうだね。どちらもエッジにデプロイできるプラットフォームで、2026年現在の二大巨頭と言っていいよ。Vercelは Next.js を作っている会社で、Next.js との相性が抜群。Cloudflareはもともと CDN やセキュリティの会社で、Workers という独自のエッジランタイムを持っているんだ。

専用ではないけど、最適化の度合いが段違いだよ。ISR（差分再生成）やServer Componentsなど、Next.js の最新機能をいち早くフルサポートしてくれる。Astro や SvelteKit、Nuxt もデプロイできるけど、Next.js ほどのチューニングは期待できないかな。一方の Cloudflare Pages は、Astro・Nuxt・SvelteKit・Remix など幅広いフレームワークをフラットにサポートしているよ。

ここが大きな違いだね。Vercelは無料枠が帯域100GB/月で、超えると従量課金が発生する。Proプランは月20ドルから。一方Cloudflareは、静的サイトの帯域が無制限で無料なんだ。Workersも1日10万リクエストまで無料。個人ブログや中小規模サイトなら、Cloudflareのほうが圧倒的にコストを抑えられるよ。

似ているけど仕組みが違うよ。Vercel Functions は AWS Lambda ベースで、コールドスタート（起動の遅延）が発生することがある。Cloudflare Workers は V8 エンジンで直接動くから、コールドスタートがほぼゼロで起動が超高速なんだ。ただし Workers は Node.js の全APIが使えるわけではないから、既存のnpmパッケージがそのまま動かないこともあるよ。

本当だよ。D1（SQLiteベースのデータベース）、KV（キーバリューストア）、R2（S3互換のオブジェクトストレージ）が揃っていて、エッジだけでフルスタックアプリが作れるんだ。Vercelにも KV や Postgres があるけど、内部的には外部サービス（Upstash や Neon）との連携で、Cloudflareほどエッジネイティブではないね。

Vercelはビルドキャッシュの仕組みが優秀で、2回目以降のデプロイはかなり速いよ。Cloudflare Pages もビルドは速いけど、大規模プロジェクトだとVercelのキャッシュ戦略のほうが効くことが多いかな。ただ、Cloudflare は Wrangler CLI でローカルから直接デプロイもできるから、CIを介さない爆速デプロイも可能だよ。

ざっくり言うと、Next.js メインで開発体験を重視するならVercel、コストを抑えつつエッジネイティブなフルスタックを目指すならCloudflareだね。実は両方を組み合わせる人もいて、フロントエンドはVercel、画像やAPIはCloudflareという構成も人気だよ。自分のプロジェクトの規模と技術スタックに合わせて選ぶのが一番大事だね。