Ich deploye seit 2020 Production Next.js- und Astro-Sites für Kunden. Jedes Jahr wird das Preisgesprächkomplizierter — nicht weil die Plattformen teurer werden (obwohl einige es sind), sondern weil sich die Abrechungsmodelle ständig auf Weise verschieben, die Vergleiche wirklich schwer machen.

Letzen Monat habe ich mich mit Rechnungen von drei Plattformen über neun Kundenprojekte hinweg hingesetzt und die Mathematik gemacht. Nicht die "Rechner auf ihrer Preisseite" Mathematik. Die echte Mathematik. Die "warum ist diese Rechnung $340, wenn ich $80 geschätzt habe" Mathematik.

Dieser Artikel ist alles, was ich gelernt habe. Wenn Sie zwischen Vercel, Netlify und Cloudflare Pages für ein Production-Deployment 2026 wählen, sollte dies einige schmerzhafte Überraschungen ersparen.

Vercel Pricing 2026: Echte Kosten vs Netlify & Cloudflare Pages

Inhaltsverzeichnis

Warum Platform-Preisgestaltung schwieriger ist als es aussieht

Jede Platform möchte, dass Sie sich ihren kostenlosen Plan ansehen und denken "das ist praktisch kostenlos." Und für einen persönlichen Blog oder ein Nebenprojekt ist es das wirklich. Das Problem beginnt, wenn Sie echten Traffic, echte dynamische Routes und echte geschäftliche Anforderungen haben.

Hier ist, was den Vergleich schwierig macht:

  • Abrechningseinheiten unterscheiden sich. Vercel berechnet Funktionsaufrufe und Ausführungszeit. Netlify berechnet "Serverless Function Executions" mit einer anderen Definition. Cloudflare berechnet Worker-Anfragen. Das sind nicht die gleichen Dinge.
  • Bandbreitendefinitionen variieren. Einige Plattformen zählen Edge-Cache-Treffer. Andere nicht. Einige berechnen Bildoptimierungs-Bandbreite separat.
  • Überschreitungen sind, wo das Geld ist. Der Basisplan könnte $20/Monat sein, aber ein Traffic-Spike kann Ihre Rechnung leise verzehnfachen.

Ich habe Teams gesehen, die Vercel wählen, weil "es großartig mit Next.js funktioniert", ohne zu bemerken, dass ihre ISR-lastende Architektur 2M Funktionsaufrufe pro Monat generieren würde. Das ist keine Hypothese — das war einer unserer Next.js Development Kunden letztes Jahr.

Vercel Preisgestaltung Übersicht 2026

Vercel hat ihre Preisstruktur Ende 2025 aktualisiert, und das aktuelle Modell (Stand Q1 2026) sieht folgendermaßen aus:

Plan-Tiers

Plan Monatliche Kosten Team-Mitglieder Bandbreite Serverless Function Executions Edge Function Invocations Build-Minuten
Hobby $0 1 100 GB 100K 500K 6.000/Mo
Pro $20/Mitglied Bis zu 10 1 TB 1M 1M enthalten 24.000/Mo
Enterprise Individuell Unbegrenzt Individuell Individuell Individuell Individuell

Was wirklich Geld kostet

Der Pro-Plan von $20/Mitglied/Monat ist, wo die meisten Production-Sites landen. Aber hier wird es interessant:

  • Zusätzliche Bandbreite: $40 pro 100 GB nach dem enthaltenen 1 TB
  • Zusätzliche Serverless Function Executions: $6 pro 1M nach dem ersten 1M
  • Zusätzliche Edge Function Invocations: $2 pro 1M
  • Edge Middleware: Wird standardmäßig bei jeder Anfrage ausgeführt. Wenn Sie Middleware für Auth-Checks oder Umleitungen verwenden, wird jeder einzelne Seitenaufruf ausgelöst.
  • Image Optimization: 5.000 Quellbilder enthalten in Pro; $5 pro zusätzliche 1.000 Quellbilder
  • Web Analytics: Enthalten, aber Advanced Analytics beginnt bei $10/Projekt/Monat
  • DDoS-Schutz & WAF: Nur in Enterprise

Das Serverless Function Gotcha

Das ist die, die Leute erwischt. In einem Next.js App Router Projekt zählt jede page.tsx, die Server-Komponenten verwendet, jede API Route, jede Server Action — das alles zählt als Serverless Function Invocation. Ein einzelner Seitenaufruf kann mehrere Funktionsaufrufe auslösen, wenn Sie paralleles Abrufen von Daten haben.

Ich habe ein Kundenprojekt letztes Quartal überprüft und festgestellt, dass eine einzelne Produktseite 4 Funktionsaufrufe pro Besuch generierte: eine für das Layout, eine für die Produktdaten, eine für Empfehlungen und eine für den Lagerstatus. Bei 200K Seitenaufrufen pro Monat sind das 800K Funktionsaufrufe von nur einer Seite.

// Jede dieser Zeilen generiert einen separaten Funktionsaufruf auf Vercel
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // invocation 1
  const recommendations = await getRecommendations(params.slug); // invocation 2
  const inventory = await getInventory(params.slug); // invocation 3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

Sie können diese zusammenfassen, aber die Standard-Muster in den meisten Tutorials nicht.

Vercel's Preisänderungen 2025-2026

Vercel hat Ende 2025 eine bemerkenswerte Verschiebung vorgenommen, indem sie "Fluid Compute" als ihr standardmäßiges Ausführungsmodell einführten, wobei das ältere serverlose Pro-Invocation-Modell durch ein Container-ähnlicheres Modell ersetzt wurde, das Funktionen länger warm hält. Dies reduziert tatsächlich Kosten für Apps mit konsistentem Traffic, aber unregelmäßige Traffic-Muster werden immer noch hart getroffen.

Sie führten auch Ausgabengrenzen auf Pro-Plänen ein — Sie können jetzt ein maximales monatliches Budget festlegen, was wirklich nützlich ist. Davor war das Risiko von hohen Rechnungen real.

Vercel Pricing 2026: Echte Kosten vs Netlify & Cloudflare Pages - Architektur

Netlify Preisgestaltung Übersicht 2026

Netlify hat ihre Preisgestaltung Anfang 2025 umstrukturiert und hat sie relativ stabil in 2026 gehalten.

Plan-Tiers

Plan Monatliche Kosten Team-Mitglieder Bandbreite Serverless Functions Edge Functions Build-Minuten
Starter $0 1 100 GB 125K Invocations Unbegrenzt 300/Mo
Pro $19/Mitglied Bis zu 10 1 TB 2M Invocations Unbegrenzt 25.000/Mo
Enterprise Individuell Unbegrenzt Individuell Individuell Individuell Individuell

Was wirklich Geld kostet

  • Zusätzliche Bandbreite: $55 pro 100 GB (ja, teurer als Vercel)
  • Zusätzliche Serverless Function Invocations: $7.50 pro 1M
  • Large Media Speicher: $2.50 pro 100 GB
  • Forms: 100 Eingaben/Monat bei Starter; zusätzlich $19/Site/Monat für 1.000 Eingaben
  • Identity (Auth): 1.000 aktive Benutzer kostenlos; $99/Site/Monat für 10.000
  • Analytics: $9/Site/Monat

Netlify's Stärken und Schwächen

Netzwerk Edge Functions, die auf allen bezahlten Plänen unbegrenzt sind, sind wirklich gut. Wenn Ihre Architektur stark auf Edge-Logik setzt — geolokalisiertes Routing, A/B-Tests am Edge, Auth-Token-Verifizierung — wird Netlify Sie nicht dafür extra berechnen.

Die Schwäche? Netlify's Serverless Functions laufen unter der Haube auf AWS Lambda, und Cold Starts sind deutlich schlechter als bei Vercel in meinen Tests (durchschnittlich 300-500ms vs. Vercel's 100-200ms für vergleichbare Node.js Funktionen Anfang 2026).

Auch Netlify's Next.js-Unterstützung, während deutlich verbessert mit ihrer Runtime v5, hinkt hinter Vercel's nativer Unterstützung hinterher. Funktionen wie Partial Prerendering und Server Actions funktionieren, aber ich bin auf Edge Cases gestoßen, die Workarounds erforderten. Wenn Sie Headless CMS Development mit einem Next.js Frontend machen, spielt das eine Rolle.

Cloudflare Pages Preisgestaltung Übersicht 2026

Cloudflare Pages ist das seltsame hier, und in vielerlei Hinsicht die interessanteste Option.

Plan-Tiers

Plan Monatliche Kosten Team-Mitglieder Bandbreite Workers Requests KV Operations Build-Minuten
Free $0 Unbegrenzt Unbegrenzt 100K/Tag 100K Lesevorgänge/Tag 500/Mo
Pro $20/Monat (Pauschale) Unbegrenzt Unbegrenzt 10M/Monat 1B Lesevorgänge/Monat 5.000/Mo
Business $200/Monat Unbegrenzt Unbegrenzt 50M/Monat 5B Lesevorgänge/Monat 20.000/Mo

Der Bandbreitenvorteil

Lesen Sie diese Tabelle nochmal. Unbegrenzte Bandbreite auf allen Plänen, einschließlich kostenlos. Das ist Cloudflare's Killer-Vorteil. Wenn Sie eine medienintensive Site betreiben oder viele Bilder und Videos bereitstellen, können die Bandbreiteneinsparungen allein Hunderte von Dollar pro Monat sein.

Was wirklich Geld kostet

  • Zusätzliche Workers Requests: $0.30 pro 1M nach Plan-Limits
  • Durable Objects: $0.15 pro 1M Requests + Speichergebühren
  • R2 Storage (wenn für Assets verwendet): $0.015 pro GB/Monat, $4.50 pro 1M Class A Operationen
  • Workers AI: Pay-per-use, variiert nach Modell
  • Images: $5/Monat für 100K Varianten; $1 pro zusätzliche 100K

Das Catch mit Cloudflare Pages

Hier muss ich ehrlich sein: Cloudflare Pages läuft auf der Workers-Laufzeit, nicht auf Node.js. Das bedeutet:

  • Kein nativer fs Modul
  • Keine nativen Node.js APIs (obwohl die Kompatibilität mit dem nodejs_compat Flag massiv verbessert hat)
  • Einige npm-Pakete funktionieren einfach nicht
  • Next.js-Unterstützung via @cloudflare/next-on-pages oder der neueren opennext Adapter funktioniert, ist aber nicht vom First-Party

Für Astro Development ist Cloudflare Pages tatsächlich ausgezeichnet. Astro's Adapter für Cloudflare ist gut gepflegt und die SSR-Geschichte ist solide. Für Next.js ist es funktionierbar, aber Sie werden auf raue Kanten stoßen.

Nebeneinander Kostenvergleich

Lasst mich echte Zahlen in drei häufige Szenarien bringen. Alle Preise sind monatlich, basierend auf 2026 Preisgestaltung.

Metrik Vercel Pro Netlify Pro Cloudflare Pro
Basiskosten (3 Team-Mitglieder) $60 $57 $20
2 TB Bandbreite $60 + $40 = $100 $57 + $55 = $112 $20
5M Funktionsaufrufe $60 + $24 = $84 $57 + $22.50 = $79.50 $20
2 TB Bandbreite + 5M Aufrufe $124 $134.50 $20
Image Optimization (20K Bilder) +$75 +$0 (extern verwenden) +$5
Analytics Enthalten (Basis) +$9/Site Kostenlos (Basis via CF Dashboard)

Die Cloudflare-Spalte ist kein Tippfehler. Für bandbreitenintensive Sites mit moderatem Traffic ist Cloudflare Pages dramatisch günstiger.

Szenario in der Praxis: Marketing-Site mit 500K monatlichen Besuchern

Eine typische Marketing-Site für ein mittelständisches Unternehmen: 30 Seiten, CMS-gesteuerter Inhalt, Kontaktformulare, vielleicht ein Blog mit 200 Beiträgen. Statische Generierung mit etwas ISR für den Blog.

Annahmen:

  • 500K Seitenaufrufe/Monat
  • 800 GB Bandbreite (Bilder, Schriftarten, etc.)
  • 600K Serverless Function Invocations (ISR, Formularverarbeitung, API Routes)
  • 3 Team-Mitglieder
  • 1.000 Formulareinreichungen/Monat
Vercel Pro Netlify Pro Cloudflare Pro
Basisplan $60 $57 $20
Bandbreiten-Überschuss $0 $0 $0
Funktions-Überschuss $0 $0 $0
Forms Externer Service $19 Externer Service
Gesamt $60 $76 $20

In diesem Umfang sind alle drei ziemlich erschwinglich. Die Unterschiede fangen an zu zählen, wenn Sie skalieren.

Szenario in der Praxis: SaaS-Dashboard mit intensiven API-Routes

Eine Dashboard-App mit authentifizierten Benutzern, Echtzeitdaten, vielen API-Aufrufen. Denken Sie: Analytics-Dashboard, Projektmanagement-Tool oder Admin-Panel.

Annahmen:

  • 50K aktive Benutzer
  • 8M Seitenaufrufe/Monat
  • 2.5 TB Bandbreite
  • 15M Funktionsaufrufe
  • 5 Team-Mitglieder
  • WebSocket-Verbindungen (wo unterstützt)
Vercel Pro Netlify Pro Cloudflare Business
Basisplan $100 $95 $200
Bandbreiten-Überschuss $600 $825 $0
Funktions-Überschuss $84 $97.50 $0
Gesamt $784 $1.017,50 $200

Jetzt sind die Unterschiede deutlich. Cloudflare's Pauschalgebührenmodell mit unbegrenzter Bandbreite glänzt absolut für hochfrequente dynamische Apps. Aber denken Sie daran — Sie tauschen Kosteneinsparungen gegen eine mehr eingeschränkte Laufzeitumgebung ein.

Vercel würde Sie in diesem Umfang wahrscheinlich zu Enterprise drängen, was typischerweise bei etwa $1.500/Monat beginnt, aber DDoS-Schutz, SLA-Garantien und prioritären Support beinhaltet.

Szenario in der Praxis: E-Commerce-Storefront

Eine Headless-Commerce-Site, die Shopify oder ähnliches als Backend nutzt, mit einem Next.js oder Astro Frontend.

Annahmen:

  • 200K monatliche Besucher
  • 1.5M Seitenaufrufe (Browsing-Verhalten)
  • 1.8 TB Bandbreite (Produktbilder)
  • 8M Funktionsaufrufe (Produktseiten, Warenkorb, Kasse, Suche)
  • 15.000 Quellbilder für Optimierung
  • 4 Team-Mitglieder
Vercel Pro Netlify Pro Cloudflare Pro
Basisplan $80 $76 $20
Bandbreiten-Überschuss $320 $440 $0
Funktions-Überschuss $42 $45 $0
Image Optimization $50 Extern ($20-50) $5
Gesamt $492 $581-611 $25

E-Commerce ist, wo die Bandbreitenkosten auf Vercel und Netlify wirklich beißen. Selbst mit aggressivem Caching verspeisen Produktbilder schnell Bandbreite.

Wenn Sie eine Headless Storefront bauen und Kosten ein Faktor sind, verdient Cloudflare Pages ernsthafte Überlegung — vorausgesetzt, Ihr Framework-Wahl hat solide Cloudflare-Unterstützung. Schauen Sie sich unsere Preisseite an, wenn Sie Hilfe bei der Bewertung der richtigen Platform für Ihr spezifisches Projekt möchten.

Versteckte Kosten, über die niemand spricht

Preview Deployments

Alle drei Platforms erstellen Preview-Deployments für PRs. Auf Vercel Pro erhalten Sie unbegrenzte Preview-Deployments, aber diese verbrauchen Build-Minuten und Funktionsaufrufe. Ein geschäftiges Team, das 20 PRs/Tag mit automatisiertem Testen absendet, kann schnell Build-Minuten aufbrauchen.

Middleware und Edge Execution

Vercel's Middleware wird bei jeder Anfrage ausgeführt, die seinem Matcher-Pattern entspricht. Wenn Ihre Middleware Auth bei jeder Route überprüft, das ist ein Edge Function Aufruf pro Anfrage. Auf einer Site mit 1M monatlichen Anfragen sind das 1M Edge Function Invocations nur für Middleware. Bei $2 pro 1M ist das billig — aber es addiert sich, wenn kombiniert mit anderen Edge-Verwendungen.

Cron Jobs

Vercel berechnet Cron Job Invocations gegen Ihre Serverless Function Quote. Wenn Sie einen Cron haben, der jede Minute läuft, das sind 43.200 Invocations/Monat von einem einzigen Cron. Netlify's geplante Funktionen funktionieren ähnlich. Cloudflare's Cron Triggers sind in Ihrer Workers-Request Quote enthalten.

Build-Minuten in Monorepos

Wenn Sie ein Monorepo mit Turborepo ausführen, wird jeder Deployment mehr rebuildet, als Sie denken würden. Vercel's Remote Caching hilft, aber Sie werden immer noch mehr Build-Minuten verwenden als ein Single-Project Repo. Ich habe Monorepos gesehen, die 3-5x die Build-Minuten von äquivalenten Standalone-Projekten verbrauchen.

Developer Experience Cost

Das steht auf keiner Rechnung, aber es ist real. Vercel's DX für Next.js ist unübertroffen. Dinge funktionieren einfach. Die Deploy Preview Kommentare, die Speed Insights, die Integration mit der Next.js Error Overlay — das spart Developer Hours. Wenn Sie Entwickler zu $150/Stunde bezahlen und Vercel spart jedem Dev 2 Stunden/Monat bei Debug-Deployment-Problemen, das ist $300/Monat pro Developer wert. Berechnen Sie das ein.

Welche Platform sollten Sie wirklich wählen

Nach dem Deployment von Dutzenden von Production-Sites über alle drei Platforms hinweg, hier ist meine ehrliche Einschätzung:

Wählen Sie Vercel, wenn:

  • Sie mit Next.js bauen und keine Reibung wollen
  • DX zählt mehr als $50/Monat sparen
  • Sie die neuesten Next.js-Features am ersten Tag brauchen
  • Ihr Traffic moderat und vorhersehbar ist

Wählen Sie Netlify, wenn:

  • Sie Built-in Forms, Identity oder andere Add-ons brauchen
  • Ihr Team einen visuelleren/UI-getriebenen Deployment-Workflow bevorzugt
  • Sie ein anderes Framework als Next.js verwenden (Hugo, Eleventy, etc.)
  • Edge Functions sind ein Kernbestandteil Ihrer Architektur

Wählen Sie Cloudflare Pages, wenn:

  • Bandbreitenkosten auf anderen Platforms erheblich wären
  • Sie mit Astro, SvelteKit oder einem anderen CF-freundlichen Framework bauen
  • Sie die aggressivste Kostenoptimierung wollen
  • Sie sich damit wohlfühlen, innerhalb von Workers Runtime-Grenzen zu arbeiten
  • Sie globale Leistung brauchen (CF's Edge Network ist massiv)

Für die meiste unserer Kundenarbeit bei Social Animal haben wir Standard auf Vercel für Next.js Projekte und Cloudflare Pages für Astro Projekte. Die seltene Netlify-Deployment passiert, wenn ein Kunde vorhandene Netlify-Infrastruktur hat oder spezifische Add-on-Funktionen braucht.

Wenn Sie unsicher sind, welche Richtung zu gehen, kontaktieren Sie uns — Platform-Auswahl ist eine der ersten Dinge, die wir in jedem Engagement festnageln.

FAQ

Wie viel kostet Vercel wirklich für eine Production-Site 2026? Für eine typische Production-Site mit moderatem Traffic (unter 500K monatliche Besucher), erwarten Sie $60-120/Monat auf dem Pro-Plan je nach Team-Größe. Hochfrequente Sites mit intensivem dynamischen Rendern können leicht $500-1.000/Monat aufgrund von Bandbreiten- und Funktionsaufruf-Überschüssen erreichen. Vercel's Ausgabengrenzen (Anfang 2025 eingeführt) helfen, Rechnungsschocks zu verhindern, aber Sie müssen sie proaktiv setzen.

Ist Cloudflare Pages wirklich kostenlos für Production-Verwendung? Der kostenlose Plan ist wirklich verwendbar für kleine Production-Sites — unbegrenzte Bandbreite ist real. Allerdings sind Sie auf 100K Workers Requests pro Tag, 500 Build-Minuten pro Monat und einen Build gleichzeitig begrenzt. Für jede ernsthafte Production-Site mit einem Team ist der $20/Monat Pro-Plan das praktische Minimum. Es ist immer noch dramatisch günstiger als Alternativen.

Kann ich Next.js auf Cloudflare Pages verwenden? Ja, aber mit Vorbehalten. Das @cloudflare/next-on-pages Paket und der neuere OpenNext Adapter funktionieren beide, aber Sie werden auf Einschränkungen stoßen. Einige Next.js-Funktionen wie native next/image Optimierung brauchen Workarounds, und die Workers-Laufzeit unterstützt nicht alle Node.js APIs. App Router funktioniert, aber ich würde gründliches Testen Ihrer spezifischen Muster vor dem Commitment empfehlen. Für vollständige Next.js-Kompatibilität bleibt Vercel der Weg der geringsten Reibung.

Warum ist meine Vercel-Rechnung höher als erwartet? Die häufigsten Schuldigen sind: Middleware, die auf jeder Anfrage läuft (überprüfen Sie Ihre Matcher-Patterns), ISR/SSR-Seiten, die mehr Funktionsaufrufe generieren als erwartet (jeder parallele Datenabruf kann ein separater Aufruf sein), Preview-Deployments, die Ressourcen verbrauchen, und Image-Optimierungsgebühren für Sites mit vielen einzigartigen Bildern. Aktivieren Sie Vercel's Usage Dashboard und überprüfen Sie es wöchentlich, bis Sie Ihre Verbrauchsmuster verstehen.

Ist Netlify günstiger als Vercel 2026? Auf der Basis-Plan-Ebene sind sie fast identisch ($19 vs $20 pro Mitglied). Wo sie auseinandergehen, sind Überschreitungen: Netlify berechnet $55 pro 100 GB zusätzliche Bandbreite vs. Vercel's $40. Netlify's Serverless Function Overage ist auch leicht teurer. Allerdings enthält Netlify unbegrenzte Edge Functions auf bezahlten Plänen, was Kosten ausgleichen kann, wenn Ihre Architektur Edge-schwer ist. Für die meisten Standard-Web-Projekte endet Vercel leicht günstiger.

Bieten irgendwelche dieser Platforms Ausgabengrenzen oder Abrechnungswarnungen an? Vercel führte Ausgabengrenzen auf Pro-Plänen 2025 ein — Sie können ein hartes Limit setzen, und Ihre Site wird weiterhin gecachte Inhalte bereitstellen, wenn Sie es treffen. Netlify bietet Ausgabenmitteilungen, aber keine harten Grenzen bei Pro. Cloudflare's Modell ist weitgehend Pauschalgebühr, was Überschreitungen weniger besorgniserregend macht, aber Sie können Abrechnungswarnungen für Workers-Verwendung setzen. Setzen Sie immer Warnungen auf, unabhängig von Platform.

Was ist die beste Platform für eine Headless CMS-Site? Es hängt vom Framework ab. Für Next.js mit Headless CMS (Sanity, Contentful, Storyblok) bietet Vercel die glatteste Erfahrung mit Funktionen wie On-Demand ISR und Draft Mode. Für Astro-basierte Headless CMS-Sites gibt Cloudflare Pages unglaubliche Leistung zu einem Bruchteil der Kosten. Die CMS-Wahl selbst diktiert selten die Platform — es ist das Frontend-Framework, das am meisten zählt.

Sollte ich Vercel Enterprise verwenden oder Alternativen erkunden? Wenn Ihre Vercel Pro-Rechnung konsistent $800/Monat übersteigt, ist es wert, das Enterprise-Gespräch zu haben — nicht unbedingt, weil es günstiger ist, sondern weil Sie SLA-Garantien, DDoS-Schutz und einen dedizierten Support Engineer bekommen. Alternativ, bei dieser Ausgabenhöhe, kann Migration dynamischer Workloads zu Cloudflare Workers während Sie Ihre statischen Assets auf irgendwelchen CDN halten, Kosten um 60-70% senken. Wir haben diese Migration für mehrere Kunden gemacht und es ist nicht so schmerzhaft wie es klingt.