Vercel vs Cloudflare Pages: Kosten, Performance und DX 2026

Kurzfazit

Am Anfang wirken beide Plattformen gleich. Repository verbinden, Code pushen, Preview erhalten, Domain verbinden, global ausliefern. Der Unterschied entsteht bei dynamischen Requests, Abrechnung, Framework Tiefe und Teamprozessen. Vercel ist eng um Next.js, Preview Deployments, Image Optimization, ISR, Logs und Analytics gebaut. Cloudflare Pages sitzt in einem Edge Oekosystem mit DNS, CDN, Workers, D1, KV, R2 und Cache Regeln.

Kosten

Vercel Hobby ist kostenlos, Pro startet bei 20 Dollar pro Monat plus Nutzung. Offizielle Werte nennen unter anderem 1M Edge Requests und 100GB Fast Data Transfer im Hobby Plan, sowie 10M Edge Requests und 1TB Transfer im Pro Plan. Danach zaehlen weitere Metriken. In echten Apps sollte man Transfer, Image Transformations, Function Active CPU, Provisioned Memory, Invocations, ISR Reads, ISR Writes und Build Minutes beobachten.

Cloudflare Pages ist fuer statische Auslieferung sehr guenstig. Free bietet laut Limits 500 Builds pro Monat, 1 gleichzeitigen Build, 100 Custom Domains pro Projekt und 20,000 Dateien. Dynamik laeuft ueber Pages Functions oder Workers. Workers hat kostenlos 100,000 Requests pro Tag und 10ms CPU pro Request; bezahlt liegen Requests etwa bei 0.30 Dollar pro Million und CPU bei 0.02 Dollar pro Million CPU ms. D1, R2, KV und Durable Objects haben eigene Preise.

Performance

Statische Dateien sind auf beiden Plattformen schnell. Entscheidend ist der Cache Miss. Cloudflare kann Requests am Edge steuern, Cache Regeln direkt nutzen und nahe gelegene Services wie Workers, R2 oder D1 kombinieren. Vercel ist besser, wenn Performance aus Next.js Konventionen kommt: App Router, Images, ISR, Preview Links, Logs und Speed Insights.

Developer Experience

Vercel ist ideal fuer Produktteams. Jede Pull Request bekommt eine URL, Rollbacks sind simpel, Umgebungsvariablen sind sichtbar und Stakeholder koennen ohne Infrastrukturwissen testen. Cloudflare ist staerker fuer Engineer Teams, die Kontrolle wollen. Wrangler, Workers, D1 und R2 lassen sich sehr gut automatisieren. Bei komplexem SSR muss man aber Workers Runtime, OpenNext und Node API Kompatibilitaet pruefen.

Empfehlung

Nutze Cloudflare Pages fuer Blogs, Docs, Landingpages, oeffentliche Tools und stark gecachte Inhalte. Nutze Vercel fuer Next.js SaaS, authentifizierte Dashboards, haeufige Reviews und Teams, die schnelle Produktzyklen brauchen. In groesseren Systemen ist eine Aufteilung oft am besten: Cloudflare fuer DNS, statische Inhalte und Edge Regeln; Vercel fuer die Kernanwendung.

FAQ

Ist Cloudflare billiger

Fuer statische Inhalte meist ja. Dynamische Kosten haengen von Workers, D1, R2, KV und Requests ab.

Muss Next.js auf Vercel laufen

Nein. Vercel ist nur der reibungsloseste Standard fuer viele fortgeschrittene Next.js Funktionen.

Wer ist schneller

Bei statischen Assets beide. Cloudflare ist stark bei Edge Kontrolle, Vercel bei Next.js Lieferung.

Was auf Vercel beobachten

Transfer, Images, Function CPU, Memory, Invocations, ISR und Build Minutes.

Was auf Cloudflare beobachten

Workers Requests, CPU Time, D1 Rows, R2 Operations, KV Usage und Builds.

Endentscheidung

Cloudflare Pages fuer Kosten und statisches Caching; Vercel fuer Next.js DX und Team Geschwindigkeit.

Useful internal links: Core Web Vitals guide, Next.js metadata guide, DNS setup guide, Cloudflare Pages hosting guide, Tailwind CSS 4 guide.

Sources: Vercel Pricing, Cloudflare Pages Limits, Cloudflare Workers Pricing.