Warum Static Hosting? Der Trend zu Jamstack & Edge Computing
Static Site Generators (SSG) wie Next.js, Hugo, Astro oder 11ty haben die Webentwicklung in den letzten Jahren grundlegend verändert. Anstatt dynamische Seiten bei jedem Aufruf auf einem Server zu rendern, werden fertige HTML-, CSS- und JavaScript-Dateien erzeugt und über ein globales Content Delivery Network (CDN) ausgeliefert. Das Ergebnis: extrem schnelle Ladezeiten, höhere Sicherheit und geringere Serverkosten.
Drei Plattformen haben sich in diesem Bereich als Marktführer etabliert: Cloudflare Pages, Vercel und Netlify. Alle drei bieten exzellente Performance, großzügige Free-Tier-Kontingente und tiefe Integrationen mit den gängigsten Frameworks. Doch wo liegen die Unterschiede? Welcher Anbieter passt zu welchem Use Case? In diesem Artikel nehmen wir alle drei unter die Lupe.
Die Plattformen im Überblick
Bevor wir ins Detail gehen, hier eine Kurzvorstellung der drei Anbieter:
- Cloudflare Pages – Der relativ junge Newcomer aus dem Hause Cloudflare. Baut auf dem globalen Cloudflare-Netzwerk mit über 330 Edge-Standorten auf. Bietet unbegrenzte Bandbreite im Free-Tarif und tiefe Integration mit Cloudflare Workers (Serverless Functions an der Edge).
- Vercel – Der Anbieter hinter Next.js. Vercel ist bekannt für herausragende Next.js-Unterstützung, preview deployments und ein extrem entwicklerfreundliches Workflow-Erlebnis. Bietet Edge Functions auf Basis von V8 Isolates.
- Netlify – Der Pionier des Jamstack-Ökosystems. Netlify hat das Konzept des „Git-basierten Deployments" populär gemacht. Bietet ein umfangreiches Add-on-Ökosystem mit Netlify Forms, Netlify CMS und Netlify Identity.
Direkter Vergleich: Cloudflare Pages vs Vercel vs Netlify
Die folgende Tabelle fasst die wichtigsten Unterschiede auf einen Blick zusammen:
| Kriterium | Cloudflare Pages | Vercel | Netlify |
|---|---|---|---|
| Free-Tier Bandbreite | Unbegrenzt | 100 GB / Monat | 100 GB / Monat |
| Free-Tier Builds | 500 Builds / Monat | 6.000 Build Minuten / Monat | 300 Build Minuten / Monat |
| Serverless Functions | Cloudflare Workers (100k Anfragen / Tag im Free-Tier) | Vercel Edge Functions / Serverless Functions (100 GB-H-Stunden / Monat) | Netlify Edge Functions + Serverless Functions (125k Anfragen / Monat im Free-Tier) |
| CDN / Edge Network | 330+ Standorte weltweit | 100+ Standorte (via Fly.io Partner) | 9 Standorte (Standard) / 50+ mit Enterprise |
| Framework-Support | Hugo, Jekyll, Next.js, Astro, 11ty, SvelteKit uvm. | Next.js (nativ), SvelteKit, Astro, Nuxt uvm. | Hugo, Gatsby, Next.js, Astro, Eleventy uvm. |
| Preview Deployments | Ja (mit eindeutiger URL) | Ja (mit eindeutiger URL + Kommentare) | Ja (mit eindeutiger URL + Kommentare) |
| Forms & Daten | Kein integriertes Form-Handling | Kein integriertes Form-Handling | Netlify Forms (inkl. Free-Tier) |
| Identity / Auth | Über Cloudflare Access | Über Drittanbieter | Netlify Identity (integriert) |
| Custom Domain (Free) | Ja, unbegrenzt | Ja (mit SSL) | Ja (mit SSL) |
| Enterprise-Tarif | Individuell (ab ca. 200 $/Monat) | Individuell (Enterprise Contract) | Individuell (ab ca. 1.000 $/Monat) |
Preise im Detail: Free, Pro & Enterprise
Die Preisgestaltung ist ein entscheidendes Kriterium – besonders für Einsteiger und kleinere Projekte. Hier eine Aufschlüsselung der Tarife:
Cloudflare Pages Preisgestaltung 2026
| Merkmal | Free | Pro ($20/Monat) | Enterprise (Individuell) |
|---|---|---|---|
| Bandbreite | Unbegrenzt | Unbegrenzt | Unbegrenzt + SLA |
| Builds | 500 / Monat | 5.000 / Monat | Unbegrenzt |
| Workers (Serverless) | 100.000 Anfragen / Tag | 10 Mio. Anfragen / Monat | Nach Vereinbarung |
| Concurrent Builds | 1 | 5 | Nach Vereinbarung |
| Sites | Unbegrenzt | Unbegrenzt | Unbegrenzt |
Vercel Preisgestaltung 2026
| Merkmal | Hobby (Free) | Pro ($20/Monat) | Enterprise (Individuell) |
|---|---|---|---|
| Bandbreite | 100 GB / Monat | 1 TB / Monat | Nach Vereinbarung |
| Build Minuten | 6.000 Min / Monat | 12.000 Min / Monat | Unbegrenzt |
| Serverless Execution | 100 GB-H-Stunden / Monat | 1.000 GB-H-Stunden / Monat | Nach Vereinbarung |
| Edge Functions | 1 Mio. Ausführungen / Monat | 10 Mio. Ausführungen / Monat | Nach Vereinbarung |
| Sites | Unbegrenzt | Unbegrenzt | Unbegrenzt |
| Team Members | – | Bis zu 10 | Unbegrenzt |
Netlify Preisgestaltung 2026
| Merkmal | Starter (Free) | Pro ($19/Monat) | Enterprise (Individuell) |
|---|---|---|---|
| Bandbreite | 100 GB / Monat | 1 TB / Monat | Nach Vereinbarung |
| Build Minuten | 300 Min / Monat | 25.000 Min / Monat | Unbegrenzt |
| Serverless Functions | 125k Anfragen / Monat | 2 Mio. Anfragen / Monat | Nach Vereinbarung |
| Concurrent Builds | 1 | 3 | Nach Vereinbarung |
| Sites | Unbegrenzt | Unbegrenzt | Unbegrenzt |
| Netlify Forms | 100 Submission / Monat | 1.000 Submission / Monat | Nach Vereinbarung |
Funktionen im Detail
Serverless Functions & Edge Computing
Serverless Functions sind das Herzstück moderner Jamstack-Architekturen. Sie ermöglichen dynamische Funktionalität, ohne einen eigenen Server betreiben zu müssen.
Cloudflare Pages setzt auf Cloudflare Workers – eine der leistungsfähigsten Serverless-Plattformen am Markt. Die Funktionen werden an der Edge ausgeführt, also auf dem CDN-Knoten, der dem Besucher am nächsten ist. Das sorgt für extrem niedrige Latenzen. Unterstützt werden JavaScript, TypeScript, Rust, C und C++ via WASM.
Vercel bietet zwei parallele Systeme: Vercel Edge Functions (basierend auf den gleichen V8-Isolates wie Cloudflare Workers) und Vercel Serverless Functions (auf AWS Lambda-Basis). Edge Functions eignen sich besonders für latenzkritische Aufgaben wie Rewrites, Redirects oder A/B-Testing. Serverless Functions kommen bei rechenintensiven Aufgaben zum Einsatz, die längere Ausführungszeiten benötigen.
Netlify hat mit Netlify Edge Functions (ebenfalls Deno/V8-basiert) und den klassischen Netlify Functions (AWS Lambda) ein ähnliches duales System. Die Edge Functions sind jedoch noch nicht vollständig im Free-Tier enthalten und unterliegen Kontingenten.
CDN-Leistung & globale Auslieferung
Ein schnelles CDN ist das A und O für statische Websites. Hier haben alle drei Anbieter ihre Stärken:
- Cloudflare Pages: Das mit Abstand größte Edge-Netzwerk mit über 330 Rechenzentren weltweit. Jede Anfrage wird automatisch über den nächsten Edge-Server ausgeliefert. HTTP/3 und Brotli-Kompression sind standardmäßig aktiviert. Latenzzeiten sind besonders in Europa, Nordamerika und Asien exzellent.
- Vercel: Nutzt ein globales CDN mit über 100 PoPs, die in Partnerschaft mit Fly.io betrieben werden. Die Smart-Routing-Technologie leitet Anfragen basierend auf der jeweiligen Region intelligent weiter. Next.js ISR (Incremental Static Regeneration) profitiert besonders vom Vercel-Edge-Netzwerk.
- Netlify: Bietet im Standard-Tarif 9 CDN-Knoten weltweit (USA, Europa, Asien, Australien). Das ist vergleichsweise wenig, für die meisten Projekte aber ausreichend. Im Enterprise-Tarif stehen über 50 Knoten zur Verfügung. Netlify war einer der ersten Anbieter mit nativer HTTP/2-Unterstützung.
Build-Deploy & Framework-Integration
Der Deployment-Prozess ist bei allen drei Plattformen stark automatisiert und an Git-Workflows angelehnt:
- Cloudflare Pages – Verbinde dein GitHub/GitLab-Repository, wähle das Framework aus (Next.js, Hugo, Astro, SvelteKit, etc.) und Cloudflare Pages übernimmt den Rest. Die Build-Konfiguration erfolgt entweder automatisch (Framework Detection) oder manuell über eine
pages.toml. - Vercel – Der Automatismus ist hier am weitesten entwickelt. Vercel erkennt über 35 Frameworks automatisch (Next.js, SvelteKit, Astro, Nuxt, Remix, etc.) und konfiguriert Build-Befehl und Ausgabeordner von selbst. Die Integration mit Next.js ist nativer als bei jedem anderen Anbieter – jede Next.js-Version wird innerhalb von Stunden nach Release unterstützt.
- Netlify – Bietet ebenfalls eine starke Git-Integration. Besonders hervorzuheben sind Netlify CMS (Headless CMS) und die Branch-Subdomain-Funktion, bei der jeder Git-Branch automatisch eine eigene Preview-URL erhält. Netlify Deployment Notifications ermöglichen zudem einfache Webhook-Integrationen.
Use Cases: Welche Plattform für wen?
Die ideale Wahl hängt stark von deinem Projekt und deinen Anforderungen ab. Hier eine Übersicht typischer Use Cases:
| Use Case | Empfehlung | Begründung |
|---|---|---|
| Next.js-Projekt (App Router / SSG) | Vercel | Native Next.js-Integration mit ISR, Edge Runtime und Preview-Deployments. Kein anderer Anbieter ist so nah am Framework. |
| Statische Portfolio-Seite / Blog | Cloudflare Pages | Unbegrenzte Bandbreite im Free-Tier und hervorragende globale CDN-Leistung zum Nulltarif. |
| Content-Management mit Headless CMS | Netlify | Netlify CMS, Netlify Forms und Netlify Identity bieten ein integriertes Ökosystem, das andere nicht haben. |
| Enterprise / Hochfrequente API-Aufrufe | Cloudflare Pages | Günstiger Enterprise-Einstieg und unbegrenzte Bandbreite. Die Cloudflare Workers sind extrem kosteneffizient für API-Endpunkte. |
| Team-Projekt mit CI/CD & Preview Deployments | Vercel | Vercel hat die besten Preview-Deployment-Features mit Conversational Comments direkt in Pull Requests. |
| E-Commerce (Headless) | Vercel oder Cloudflare | Vercel bietet Edge-Staging für E-Commerce-Plattformen, Cloudflare punktet mit DDoS-Schutz und unbegrenzter Bandbreite. |
| Kostenlos hosten mit maximalen Limits | Cloudflare Pages | Unbegrenzte Bandbreite, 500 Builds und 100k Workers-Anfragen pro Tag – unschlagbar im Free-Tier. |
Vor- und Nachteile
Cloudflare Pages
Vorteile:
- Unbegrenzte Bandbreite kostenlos – einzigartig im Markt
- Größtes Edge-Netzwerk (330+ Standorte) für minimale Latenz
- Hervorragende Sicherheit durch Cloudflare-DDoS-Schutz und WAF
- Günstiger Enterprise-Einstieg
- Workers unterstützen JS, TS, Rust und WASM
Nachteile:
- Kein integriertes Form-Handling (Workaround über Workers nötig)
- Weniger Framework-Automatismen als bei Vercel
- Preview Deployments nicht so ausgereift wie bei Netlify oder Vercel
- Dokumentation teilweise unübersichtlich durch mehrere Produktlinien
Vercel
Vorteile:
- Beste Next.js-Integration am Markt
- Hervorragende Developer Experience (CLI, Konfiguration, Preview Deployments)
- Edge Functions mit extrem niedriger Latenz
- Automatische Framework-Erkennung (über 35 Frameworks)
- Analytics & Speed Insights inklusive
Nachteile:
- Free-Tier auf 100 GB Bandbreite begrenzt
- Höhere Kosten bei Skalierung (besonders Serverless Functions)
- Weniger Rechenzentren als Cloudflare
- Starke Abhängigkeit vom Vercel-Ökosystem
Netlify
Vorteile:
- Reichhaltiges Add-on-Ökosystem (Forms, Identity, CMS, Large Media)
- Pionier im Jamstack-Bereich mit ausgereifter Git-Integration
- Branch-Subdomains und Split-Testing für A/B-Tests
- Große Community und viele Tutorials
Nachteile:
- Nur 9 CDN-Knoten im Free/Pro-Tarif
- 300 Build Minuten im Free-Tier – das ist wenig
- Enterprise-Tarif deutlich teurer als die Konkurrenz
- Edge Functions erst spät eingeführt und nicht vollständig im Free-Tier
Fazit: Welches Static Hosting ist 2026 das beste?
Die Wahl zwischen Cloudflare Pages, Vercel und Netlify ist 2026 keine Frage von "gut oder schlecht", sondern von "passend oder nicht passend". Alle drei Plattformen liefern exzellente Performance und eine starke Developer Experience.
Cloudflare Pages ist die richtige Wahl, wenn du ein knappes Budget hast, maximale globale Reichweite benötigst oder Wert auf Sicherheit und DDoS-Schutz legst. Das unbegrenzte Free-Tier-Bandbreitenkontingent ist konkurrenzlos. Besonders für statische Websites, Blogs und kleinere bis mittlere Projekte ist Cloudflare Pages die kostengünstigste Lösung.
Vercel ist der Champion für Next.js-Projekte und Teams, die eine erstklassige Developer Experience schätzen. Wenn du mit Next.js arbeitest und Funktionen wie ISR, SSR oder Edge Streaming nutzt, führt an Vercel kaum ein Weg vorbei. Auch für Agenturen und Teams mit vielen Preview-Deployments ist Vercel optimal.
Netlify glänzt durch sein integriertes Ökosystem und die Pionierarbeit im Jamstack-Bereich. Wenn du auf Netlify Forms, Netlify CMS oder Netlify Identity angewiesen bist und ein Headless-CMS ohne zusätzliche Kosten betreiben möchtest, ist Netlify die erste Wahl. Auch für Content-Websites und Marketing-Seiten mit A/B-Testing-Features ist Netlify ideal.
Häufige Fragen (FAQ)
Kann ich meinen Domain-Namen bei allen drei Anbietern nutzen?
Ja, alle drei unterstützen Custom Domains mit kostenlosen SSL-Zertifikaten (via Let's Encrypt). Bei Cloudflare Pages ist die Einrichtung besonders einfach, wenn du Cloudflare bereits als DNS-Anbieter nutzt.
Welcher Anbieter hat die beste Performance?
In unabhängigen Benchmarks schneidet Cloudflare Pages aufgrund des größten Edge-Netzwerks am besten ab. Vercel liegt bei Next.js-Seiten gleichauf, da dort zusätzlich Smart-Routing und Edge-Caching zum Einsatz kommen.
Kann ich mein Projekt später zu einem anderen Anbieter umziehen?
Ja, da es sich um statische Dateien handelt, ist ein Wechsel unkompliziert. Lediglich Serverless Functions müssen an die jeweilige Plattform angepasst werden. Ein Lock-in-Effekt besteht nur bei sehr plattformspezifischen Features wie Vercel ISR oder Netlify Forms.
Welcher Anbieter ist für Anfänger am besten geeignet?
Netlify hat die flachste Lernkurve dank des umfangreichen Tutorial-Angebots und der einfachen Drag-and-Drop-Deployment-Möglichkeit. Vercel ist ebenfalls anfängerfreundlich, erfordert aber Grundkenntnisse in der Git-Workflow-Nutzung.
Gibt es einen Anbieter, der alle drei Funktionen vereint?
Nicht direkt. Jeder Anbieter hat seine exklusiven Features. Mit etwas Aufwand kannst du jedoch die Stärken kombinieren: Cloudflare Pages für das Hosting der statischen Dateien, Vercel für Next.js-Features und Netlify Forms für Formulare – alles unter einer Domain über Subdomain-Aufteilung.