Cloudflare vs. Vercel – Was nutzt man wann?

Worum geht's

Wir bauen Websites und Apps mit Lovable, Playwright-SSG-Pipeline und Edge-Deploy. Lange Zeit ging unser dist/ standardmäßig auf Vercel. In den letzten Monaten landen immer mehr Projekte auf Cloudflare – nicht aus Ideologie, sondern weil sich die Bilanz verschoben hat.

Wenn du gerade vor derselben Entscheidung stehst: Hier ist der ehrliche Vergleich aus der Praxis.

Die zwei Philosophien

Bevor wir in Features einsteigen – beide Plattformen kommen aus unterschiedlichen Ecken:

Vercel ist die Framework-First-Plattform. Geboren aus Next.js, optimiert für genau diesen Stack. Die Mission: "Frontend Cloud" – jedes Framework, jedes Deployment, jede Preview soll sich anfühlen wie Magic. DX über alles.

Cloudflare ist die Infrastructure-First-Plattform. Geboren aus DNS und CDN, ausgebaut zur kompletten Edge-Suite. Die Mission: das gesamte Internet auf ihrem Netz – mit Workers, R2, D1, KV, Durable Objects als Bausteinen. Web-Hosting (Pages) ist nur eine Anwendung davon.

Diese DNA prägt jede Designentscheidung. Wer das versteht, trifft die richtige Wahl.

Hosting & Edge-Netzwerk

Aspekt	Vercel	Cloudflare
Edge-Locations	~40 Regionen	300+ Standorte
Statisches Hosting	Sehr gut	Sehr gut
Cold Starts	Vorhanden (Serverless Functions)	Praktisch keine (Workers/V8 Isolates)
TTFB global	< 100 ms	< 50 ms
DDoS-Schutz	Basis	Enterprise-Grade inklusive

Cloudflare hat hier einen strukturellen Vorteil: Die V8-Isolates-Architektur der Workers startet in unter einer Millisekunde – keine echten Cold Starts. Vercels Serverless Functions laufen auf AWS Lambda darunter und haben das klassische Cold-Start-Problem, selbst mit Edge Functions.

Developer Experience

Hier glänzt Vercel noch immer am hellsten:

• Preview Deployments pro Pull Request, automatisch
• Framework-Detection funktioniert für 30+ Frameworks out of the box
• Analytics, Speed Insights, Log Drains sauber integriert
• CLI ist exzellent, das Dashboard aufgeräumt
• v0 als hauseigener AI-Builder klinkt sich direkt ein

Cloudflare Pages hat in 2025/2026 stark aufgeholt. Git-Integration, Preview-Deployments, Build-Logs – das funktioniert. Aber: An vielen Stellen merkt man, dass Hosting für Cloudflare eine Plattform unter vielen ist, nicht das Herzstück. Das Dashboard kann erschlagen, die Doku ist gut, aber breit.

Mein Eindruck: Für Einzel-Entwickler und kleine Teams ist Vercel weiterhin angenehmer. Wer aber bereits Cloudflare-Infrastruktur nutzt (DNS, R2, Workers), profitiert von der konsolidierten Plattform.

Backend-Suite

Das ist der Punkt, an dem sich das Spiel dreht.

Vercel bietet:

• Serverless / Edge Functions
• KV (via Redis-Partner)
• Postgres (via Neon-Partner)
• Blob Storage (relativ neu)

Cloudflare bietet:

• Workers (Compute)
• D1 (SQLite an der Edge)
• R2 (S3-kompatibler Storage, kein Egress-Traffic)
• KV (Key-Value)
• Durable Objects (Stateful Workers)
• Queues, Vectorize (Vektor-DB), AI Workers

Cloudflare hat den vollständigen Backend-Stack – aus einer Hand, mit konsistenter Abrechnung und ohne externe Partner. Vercel ist hier strategisch in der schwächeren Position, was sie selbst sehen: Sie investieren massiv, aber holen jahrelangen Vorsprung Cloudflares nicht so schnell auf.

Wer das Bigger Picture verstehen will: Wir haben das in Cloudflares wahrer Strategie detailliert auseinandergenommen.

Preise

Hier wird's konkret. Beide haben großzügige Free Tiers, aber sobald du skalierst, divergieren die Kosten dramatisch.

Ressource	Vercel	Cloudflare
Free Tier Bandbreite	100 GB/Monat	Unbegrenzt
Bandbreite über Limit	$40 / 100 GB	$0 (keine Egress-Gebühr)
Function-Invocations frei	100k/Monat	100k/Tag
Pro-Plan Basis	$20/Monat/User	$5/Monat
Build-Minuten	6.000/Monat (Pro)	500/Monat (Free), $0,005/min extra

Das Egress-Thema ist der Killer-Vorteil von Cloudflare. Wer eine traffic-intensive Site betreibt – Bild-/Video-Heavy, Downloads, große Assets – spart auf Cloudflare schnell vier- bis fünfstellig pro Jahr.

Vercels Bandbreitenkosten sind die häufigste böse Überraschung in unseren Kundengesprächen. Eine virale Landingpage kann eine Rechnung von $500 produzieren, die auf Cloudflare $0 gekostet hätte.

Lock-in

Vercel-Lock-in entsteht subtil:

• next/image, next/font, ISR funktionieren maximal gut nur auf Vercel
• vercel.json und Edge-Config sind proprietär
• Migration einer großen Next.js-App auf Cloudflare ist machbar, aber Arbeit

Cloudflare setzt auf offene Standards:

• Workers nutzen die Standard-Web-APIs (Fetch, Request, Response)
• R2 ist S3-kompatibel
• D1 ist SQLite – portierbar
• Migration weg von Cloudflare wäre vergleichsweise schmerzfrei

Das ist kein Zufall. Cloudflares Strategie funktioniert über niedrige Wechselkosten – wer leicht reinkann, kommt auch leicht wieder raus, bleibt aber, weil's gut ist.

Unsere Entscheidungsmatrix

Aus 50+ deployten Projekten, hier unsere Faustregeln:

Nimm Vercel wenn:

• Du eine reine Next.js-App baust (ISR, App Router, RSC)
• Dein Team klein ist und maximale DX braucht
• Du Preview Deployments für nicht-technische Stakeholder brauchst
• Du v0 als AI-Builder im Workflow nutzt
• Traffic überschaubar bleibt (< 100 GB/Monat)

Nimm Cloudflare wenn:

• Du eine Vite/SPA mit Prerendering baust (unser Stack)
• Du Backend-Anteile brauchst: DB, Storage, Queues, Workers
• Traffic-intensive Use Cases: Bilder, Videos, Downloads
• Du Wert auf niedrige Wechselkosten und offene Standards legst
• Kostenkontrolle bei Wachstum kritisch ist
• Du DDoS-Schutz und Bot-Management auf Enterprise-Niveau brauchst

Beides geht gut – wenn:

• Du DNS bei Cloudflare hast (kostenlos, hervorragend) und auf Vercel hostest
• Du R2 als Asset-Storage vor Vercel-gehosteter App schaltest

Unsere eigene Reise

Wir betreiben diese Seite (till-freitag.com) aktuell noch auf Vercel – das Setup läuft, kein Grund für Migrations-Stress. Für neue Kundenprojekte wählen wir aber zunehmend Cloudflare als Default, vor allem wenn:

• die App einen Backend-Anteil hat (Auth, DB, File-Uploads)
• Bildmaterial und Downloads dominieren
• das Budget eng ist und Vorhersagbarkeit zählt

Die Migration eines Lovable-Projekts von Vercel auf Cloudflare Pages dauert übrigens ca. 15 Minuten, wenn man das Setup einmal gemacht hat. Wir schreiben dazu demnächst ein eigenes Tutorial.

Fazit

Es gibt kein "Vercel ist tot" oder "Cloudflare gewinnt alles". Beide haben ihre Stärken:

• Vercel = beste DX, perfekt für Next.js, teuer bei Skalierung
• Cloudflare = beste Infrastruktur, vollständige Backend-Suite, beste Preise

Wenn du heute neu startest und keine bestehende Next.js-Investition hast, ist Cloudflare in den meisten Fällen die strategisch klügere Wahl. Wenn du tief in Next.js + DX denkst, bleibt Vercel die naheliegende Antwort.

Die ehrliche Wahrheit: Die Wette, die wir in unserem Strategie-Artikel beschrieben haben, geht gerade auf. Cloudflare zieht systematisch das Backend für die nächste Generation von AI-generierten Apps an sich – und wir migrieren mit.

👉 Du baust eine Vibe-Coding-App und überlegst, welcher Stack langfristig trägt? Sprich mit uns.