Vercel vs Cloudflare Pages vs Netlify in 2026: Real Cost at Scale

Vercel, Cloudflare Pages, and Netlify are the three frontend-hosting platforms that serious dev teams actually evaluate in 2026. List pricing looks similar — until you scale. This is the real cost comparison from teams running production traffic across all three, including the line items the vendor calculators conveniently leave out.

The TL;DR by traffic shape

• You ship a Next.js app and want zero infra friction: Vercel. Expensive at scale, unbeatable DX.
• You ship anything other than Next.js and want the cheapest egress + edge: Cloudflare Pages.
• You ship a complex mixed-framework site with legacy considerations: Netlify. Most flexible, middle-of-the-pack pricing.

Vercel — the Next.js mothership

Vercel is the company behind Next.js. Their hosting platform is purpose-built for Next.js features (ISR, App Router, server actions, streaming) and the DX is consistently first-class. The cost story is where it gets interesting.

What you actually pay for

Line item	Included on Pro ($20/user/mo)	Overage rate
Function invocations	1M / mo	$0.60 per 1M after
Function execution time (GB-hours)	1,000 GB-hr	$0.18 per GB-hr
Bandwidth (data transfer)	1 TB	$40 / TB after
Edge requests	10M	$2 per M after
Image optimization	5K source images	$5 per 1K after
ISR + on-demand revalidation	Included	Counts toward function usage

The biggest cost surprise: bandwidth at $40/TB is 5–10× what other providers charge. A site doing 5TB/mo of traffic pays Vercel $200 in bandwidth alone — before function costs.

Real monthly bills we’ve seen

• Marketing site, 500K visits/mo, mostly static: $20–$60/mo
• Mid-size SaaS, 1M visits/mo with API routes: $200–$800/mo
• Large content site, 5M visits/mo: $1,500–$5,000/mo
• Enterprise SaaS at scale: $5K–$50K+/mo on Enterprise plans

Where Vercel wins

• Next.js features ship to Vercel first; other platforms catch up later.
• Preview deployments per branch are best-in-class.
• Analytics + Speed Insights are integrated and useful.
• Edge Functions and Edge Config are mature; cold-start is sub-50ms typical.
• Team collaboration UX is the best of the three.

Where Vercel hurts

• Bandwidth pricing dominates the bill above 1TB/month.
• Function execution time pricing penalizes long-running API routes.
• Lock-in is real — ISR-heavy apps don’t port cleanly off Vercel.
• Enterprise pricing is opaque and requires sales conversations.

Cloudflare Pages — the edge + egress winner

Cloudflare Pages launched as a static site host in 2020 and grew into a full app platform via Cloudflare Workers. The 2026 reality: it’s the cheapest credible option for almost every use case, with the trade-off being a less polished DX than Vercel.

What you actually pay for

Line item	Free tier	Paid tier ($5/mo)	Overage
Bandwidth	Unlimited	Unlimited	$0 (no egress fees)
Worker requests	100K/day	10M/mo	$0.30 per M after
Worker CPU time	10ms / req free	30ms / req paid	$12.50 per million additional ms
R2 storage	10 GB free	$0.015 / GB-mo	—
R2 egress	Free (the big win)	Free	$0
D1 (Postgres-like)	5GB + 5M reads / day free	$5/mo base	$0.001/1K writes

The killer feature: zero egress fees. A 50TB/mo site pays Cloudflare $0 in bandwidth where Vercel would charge $2,000+ and Netlify $2,500+.

Real monthly bills

• Marketing site, 500K visits/mo: $0 (free tier)
• Mid-size SaaS, 1M visits/mo: $5–$50/mo
• Large content site, 5M visits/mo: $30–$200/mo
• Enterprise SaaS at scale: $500–$5,000/mo (still 5–10× cheaper than Vercel-equivalent)

Where Cloudflare wins

• Zero egress costs. Game-changing for video, image, or download-heavy sites.
• R2 storage is dramatically cheaper than S3 (no egress + cheaper per-GB).
• Workers + KV + D1 give you a credible serverless stack at minimal cost.
• 275+ edge POPs — the largest edge network of the three.
• DDoS protection + Cloudflare CDN bundled in.

Where Cloudflare hurts

• Next.js support is good (2026) but not as native as Vercel. Some edge features lag.
• D1 is still maturing — not yet a drop-in for Postgres at scale.
• Dashboard UX is functional but less polished than Vercel’s.
• Workers have specific runtime constraints (50ms CPU on free, no native Node modules) that catch teams off-guard.
• Local development (wrangler) is improving but still rougher than `next dev`.

If you’re deciding between these three for a real production SaaS, our Cloud & DevOps guides cover the migration paths between them and the cost optimization tactics for each.

Netlify — the flexible middle

Netlify pioneered the JAMstack hosting category. In 2026 it sits between Vercel (more polished but expensive) and Cloudflare (cheaper but rougher edges). The Netlify pitch is framework-agnostic flexibility — Next.js, Astro, SvelteKit, Nuxt, Remix, plain HTML all work cleanly.

What you actually pay for

Line item	Free	Pro ($19/user/mo)	Overage
Bandwidth	100 GB	1 TB	$55 / 100 GB
Function invocations	125K/mo	2M/mo	$25 / 500K
Function runtime hours	100 hours	1,000 hours	$25 / 100 hours
Build minutes	300/mo	25,000/mo	$7 / 500 minutes
Edge Functions	1M invocations	2M invocations	$2 / M

Real monthly bills

• Marketing site, 500K visits: $0–$19/mo
• Mid-size SaaS, 1M visits: $50–$200/mo
• Large content site, 5M visits: $400–$2,000/mo
• Enterprise SaaS: $2K–$20K/mo on Business plans

Where Netlify wins

• Framework-agnostic. Whatever stack you ship, Netlify handles it cleanly.
• Forms, identity, and split testing are bundled in (saves you 3–4 SaaS subscriptions).
• Netlify Functions support both AWS Lambda + Deno Deploy under the hood.
• Build plugins ecosystem is rich.
• Migration in/out is easier than Vercel — no Next.js-specific magic to unwind.

Where Netlify hurts

• Bandwidth pricing is highest of the three at $55/100GB. Hurts scale.
• Recent enshittification — some features that used to be Pro are now Enterprise.
• Edge Functions are less mature than Vercel’s or Cloudflare’s.
• Brand attention has shifted to Vercel for Next.js teams.

Head-to-head comparison

Capability	Vercel	Cloudflare Pages	Netlify
Next.js DX	Best	Strong (improving)	Strong
Framework agnostic	Mid	Strong	Best
Bandwidth cost / TB after included	$40	$0	$550
Function cost / 1M invocations	$0.60	$0.30	~$50
Edge network	~30 regions	275+ POPs	~30 regions
Object storage	Via Vercel Blob ($)	R2 (no egress)	Via Netlify Blobs
DDoS / WAF	$$ enterprise	Included	$$ enterprise
Free tier viability	Hobby sites only	Real production (100K req/day)	Personal sites
Best for	Next.js teams	Cost-conscious scale	Mixed-framework sites

Real cost comparison by traffic tier

Monthly traffic	Vercel	Cloudflare	Netlify
100K visits (5 GB bandwidth, 200K function calls)	$20 (Pro)	$0 (Free)	$19 (Pro)
1M visits (50 GB bw, 2M function calls)	$40–$80	$5–$15	$40–$80
5M visits (500 GB bw, 10M function calls)	$200–$500	$30–$80	$300–$600
20M visits (2 TB bw, 40M function calls)	$800–$2,500	$100–$300	$1,500–$4,000
100M visits (10 TB bw, 200M function calls)	$5,000–$20,000+	$500–$1,500	$10,000–$25,000+

The pattern: at small scale, all three are roughly comparable. As you scale, Cloudflare’s zero-egress pricing creates an order-of-magnitude gap from the other two. Above 20M visits/mo, you’re paying 5–10× more on Vercel than Cloudflare for similar workloads.

When to pick each (the decision framework)

Pick Vercel when:

• Your stack is Next.js heavy and you want every Next.js feature day-one.
• Developer experience is more important than infrastructure cost.
• You’re early-stage and traffic is modest ( <1TB/mo).
• Your team values polish + analytics + preview UX.

Pick Cloudflare when:

• You’re cost-sensitive at any scale above hobby projects.
• You serve images, video, or downloads (egress costs would otherwise crush you).
• Your team is comfortable with Workers + KV + D1 paradigms.
• You want bundled DDoS + CDN + WAF.

Pick Netlify when:

• You’re shipping a mixed-framework site or legacy app.
• You want bundled Forms + Identity + Split Testing without extra SaaS.
• You’re migrating from a JAMstack stack already built around Netlify.
• Easy export/import (build commands + deploy) matters — you want flexibility to leave.

For migration playbooks between these three (especially Vercel → Cloudflare for cost reduction), our team consults on hosting migrations for production SaaS.

Migration: the honest difficulty

• Vercel → Cloudflare: Hard for Next.js apps. ISR + on-demand revalidation behavior is different; some Next.js edge features don’t map. Plan 2–6 weeks for a non-trivial app.
• Netlify → Cloudflare: Medium. Functions translate cleanly to Workers; some Netlify-specific features (Identity, Forms) need separate replacements.
• Netlify → Vercel: Medium. Most static sites move in hours; apps with Functions and Identity need rework.
• Vercel → Netlify: Hard for Next.js apps. Next.js-specific magic (ISR, App Router caching) doesn’t port 1:1.

The 2026 decision summary

• Best DX: Vercel
• Best cost at scale: Cloudflare Pages
• Most flexible: Netlify
• Best for Next.js: Vercel (still)
• Best for everything else: Cloudflare or Netlify

Most serious teams in 2026 are running a hybrid: Vercel for the marketing site + main app, Cloudflare for the API layer + R2-backed asset storage. The cost optimization is real and the DX trade-off is minimal once your team learns both.

Frequently asked questions

Which is cheapest at scale in 2026?

Cloudflare Pages, by a wide margin. Zero egress fees + cheaper compute + free DDoS + free WAF stack up. Above 1TB/mo of bandwidth, Cloudflare is typically 3–10× cheaper than Vercel or Netlify for similar workloads.

Should I use Vercel for a Next.js app?

For most teams under 1TB/mo bandwidth, yes — the DX advantage outweighs the cost premium. Above that traffic, the cost math starts favoring Cloudflare Pages even with the slightly rougher Next.js story. Big consumer apps often run hybrid: Vercel for app shell, Cloudflare for asset delivery.

Why is Vercel bandwidth so expensive?

Vercel resells AWS bandwidth at a markup. $40/TB is the published rate; AWS’s wholesale is $20–$50/TB depending on region. Cloudflare and Netlify do the same thing but Cloudflare runs its own edge network with bandwidth-included business model.

Netlify vs Vercel — which is better in 2026?

Vercel for Next.js apps where DX + latest framework features matter. Netlify for mixed-framework sites + bundled features (Forms, Identity, Split Testing). Both are similar pricing tiers; the choice depends on stack fit more than cost.

Is Cloudflare Pages production-ready in 2026?

Yes — major Fortune-500 sites and well-funded startups run on Pages. The DX is rougher than Vercel’s but the production reliability and edge performance are best-in-class. The main caveats: Workers have specific runtime constraints, D1 is still maturing for OLTP workloads.

Which has the best free tier?

Cloudflare, decisively. 100K Worker requests per day + unlimited bandwidth + free DDoS protection is essentially a free production tier for many projects. Vercel and Netlify free tiers are hobby-only.

Should I run a hybrid stack?

For teams above 5M visits/mo, often yes. Common pattern: Vercel for the app + marketing site, Cloudflare R2 for asset storage + Workers for high-traffic API routes. Cuts the bandwidth bill 60–80% while preserving Next.js DX where it matters.