Vercel is the default choice for Next.js hosting. Cloudflare Pages is an increasingly competitive alternative with aggressive pricing and a global edge network. Here is an honest comparison.
Platform Comparison
| Factor | Vercel | Cloudflare Pages |
|---|---|---|
| Next.js support | First-party (they make Next.js) | Via OpenNext adapter |
| Static site speed | Fast (global CDN) | Very fast (300+ PoPs) |
| Edge functions | Edge Runtime | Workers (V8 isolates) |
| Serverless functions | Node.js, Edge | Workers (limited Node.js APIs) |
| Build minutes (free) | 6,000/month | 500/month |
| Bandwidth (free) | 100 GB | Unlimited |
| Bandwidth (paid) | $40/100 GB overages | Unlimited |
| Serverless invocations (free) | 100K/month | 100K/day |
| Preview deployments | Yes (per-branch) | Yes (per-branch) |
| Custom domains | Unlimited | Unlimited |
| DDoS protection | Basic | Enterprise-grade (included) |
| Web analytics | Included | Included |
| Image optimization | Included (Next/Image) | Via Cloudflare Images ($) |
| Cron jobs | Via vercel.json | Via Workers |
| KV storage | Vercel KV (Redis) | Workers KV (native) |
| Database | Vercel Postgres | D1 (SQLite-based) |
| Blob storage | Vercel Blob | R2 (S3-compatible) |
| Git integration | GitHub, GitLab, Bitbucket | GitHub, GitLab |
Pricing at Scale
| Monthly traffic | Vercel Pro | Cloudflare Pages (Paid) |
|---|---|---|
| 100K pageviews | $20/month | $5/month |
| 500K pageviews | $20 + bandwidth | $5/month |
| 1M pageviews | $20 + $100+ bandwidth | $5/month |
| 5M pageviews | Enterprise pricing | $5/month |
Cloudflare's unlimited bandwidth is the biggest differentiator for high-traffic sites.
When Vercel Wins
- Next.js projects: First-party support means every feature works on day one
- Developer experience: Fastest setup, best preview deployments
- Server components: Full React Server Components support
- Image optimization: Built into the platform
- Team collaboration: Comments on previews, branch protection
- Middleware: Runs at the edge with full Next.js middleware API
When Cloudflare Wins
- High-traffic sites: Unlimited bandwidth eliminates surprise bills
- Cost-sensitive projects: Dramatically cheaper at scale
- Security-first: Enterprise DDoS protection included free
- Edge-first architecture: Workers run in 300+ locations
- Full-stack edge: D1 + KV + R2 + Workers = complete edge stack
- Non-Next.js projects: Astro, SvelteKit, Remix all work natively
Our Experience
We deploy primarily on Vercel because we build with Next.js and the integration is unmatched. For static sites or projects where bandwidth costs matter, we use Cloudflare Pages. As OpenNext improves Cloudflare's Next.js support, we expect more projects to shift.
Discuss hosting strategy for your project.