Deine Webflow-Rechnung kommt im Monat auf 212 € an. Die Website eines Konkurrenten — schneller, mit Auth und Echtzeit-Daten — läuft auf Next.js + Supabase + Vercel für 87 €. Beide verarbeiten 50.000 Besuche. Ich habe Projekte auf beiden Stacks umgesetzt: Marketing-Seiten in Webflow, wenn der Client in 72 Stunden starten musste, und SaaS-Apps auf Next.js, wenn wir Row-Level-Security und Sub-200ms-API-Responses brauchten, die kein Visual Builder liefert. Die Frage, die Gründer stellen, ist nicht "welcher ist besser?" — sondern "welcher kostet mich über 12 Monate weniger, und wo sind die versteckten Gebühren?" Die Antwort ändert sich bei jedem Traffic-Threshold, und keine Pricing-Seite zeigt dir die Rechnung.

Lass uns in die echten Zahlen einsteigen. Nicht die "ab"-Marketing-Zahlen, sondern was du wirklich zahlst, wenn du Team-Sitze, Bandbreitenlimits, Drittanbieter-Integrationen und die Entwicklerzeit einbeziehst, über die keiner redet.

The Real Cost: Webflow vs Next.js + Supabase + Vercel in 2026

Inhaltsverzeichnis

Warum dieser Vergleich jetzt wichtig ist

Webflow erhöht die Preise regelmäßig. Die Workspace-Pläne wurden Ende 2024 umstrukturiert, und Enterprise-Preise — die bereits opak waren — sind auf Niveaus geklettert, die CTOs zum Erröten bringen. Unterdessen hat Vercels Pro-Preismodell mit $20/Entwickler/Monat kombiniert mit nutzungsbasierten Zusatzgebühren mehr als ein paar Teams beim Checkout überrascht, wenn ein Blog-Post viral geht.

Die Spannung ist real: Webflow verspricht Speed-to-Market ohne Code. Der Next.js + Supabase + Vercel-Stack verspricht unbegrenzte Flexibilität und möglicherweise niedrigere Infrastrukturkosten. Aber "möglicherweise" trägt da viel Last in diesem Satz.

Ich habe Teams gesehen, die 80% sparten, indem sie Webflow verließen. Ich habe auch Teams beobachtet, die 20K € in Entwicklerstunden verbrannten, um etwas in Next.js zu bauen, das in Webflow zwei Tage brauchte. Kontext ist alles.

Webflow-Preise: Was du wirklich zahlst

Webflow-Preise sind gestaffelt, und da beginnt die Verwirrung. Du bezahlst nicht nur für einen "Plan". Du zahlst für einen Site Plan, einen Workspace Plan und möglicherweise eCommerce-Gebühren — alles separat.

Site Plans (Pro Site, monatlich abgerechnet)

Plan Monatlicher Preis CMS Items Bandbreite Custom Code
Free $0 50 1GB Begrenzt
Basic $18 — 50GB Ja
CMS $29 2.000 200GB Ja
Business $49 10.000 400GB Ja
Enterprise Individuell Individuell Individuell Ja

Workspace Plans (Pro Team)

Plan Monatlicher Preis Sitze Gehostete Seiten
Starter $0 1 2
Core $19/Sitz 3+ 10
Growth $35/Sitz 3+ Unbegrenzt
Enterprise Individuell Individuell Individuell

Hier siehst du, was in der Praxis passiert. Ein kleines Marketing-Team mit 3 Personen und 5 Seiten auf CMS-Plänen zahlt:

Workspace: $19/Sitz × 3 = $57/Monat
Site Plans: $29 × 5 = $145/Monat
Gesamt: $202/Monat ($2.424/Jahr)

Das ist nicht schrecklich. Aber es summiert sich schnell. Skaliere auf 10 Sites mit 6 Personen im Growth-Plan:

Workspace: $35/Sitz × 6 = $210/Monat
Site Plans: $29 × 10 = $290/Monat
Gesamt: $500/Monat ($6.000/Jahr)

Und das, bevor du eCommerce-Pläne ($29–$212/Monat pro Site) triffst oder Enterprise-Features wie rollenbasiertes Publishing, SSO oder SLA-Garantien brauchst.

Die Enterprise-Blackbox

Webflow veröffentlicht Enterprise-Preise nicht. Basierend auf Gesprächen mit Kunden, die den Sales-Prozess durchlaufen haben, erwarte:

  • Start bei etwa 500–800 $/Monat für grundlegende Enterprise-Features
  • 1.000–3.000 $/Monat für hochfrequente Seiten mit SLA-Garantien
  • 5.000–10.000+ $/Monat für große Organisationen mit mehreren Seiten und benutzerdefinierten Anforderungen

Der Jahresrabatt (bis zu 22%) hilft, aber du bist gebunden. Und die Feature-Gating sind real — manche Teams stellen mid-project fest, dass sie Enterprise für etwas brauchen, das wie Standard sein sollte.

The Real Cost: Webflow vs Next.js + Supabase + Vercel in 2026 - architecture

Next.js + Supabase + Vercel: Stack-Preise aufgeschlüsselt

Dieser Stack hat drei Kostenkomponenten, und jede skaliert anders.

Vercel Preise (2026)

Plan Basiskosten Sitze Bandbreite Serverless-Invocations Builds
Hobby $0 1 100GB 1M/Monat 6.000 min
Pro $20/Monat $20/Sitz 1TB 1M enthalten 24.000 min
Enterprise Individuell Individuell Individuell Individuell Individuell

Der Pro-Plan bei $20/Monat klingt günstig, bis du Entwickler-Sitze hinzufügst. Fünf Devs? Das sind $100/Monat, bevor du eine einzige Seite servierst. Zehn Devs? $200/Monat.

Aber die echte Überraschung kommt von Zusatzgebühren:

  • Bandbreitenlimit-Überschreitung: $40/100GB über 1TB hinaus
  • Serverless-Funktionsdauer: $0,18/GB-Stunde über enthalten hinaus
  • Edge-Funktions-Invocations: $2/Million über enthalten hinaus

Supabase Preise (2026)

Plan Monatliche Kosten Datenbank Speicher Auth MAUs Edge Functions
Free $0 500MB 1GB 50.000 500K Invocations
Pro $25/Monat 8GB 100GB 100.000 2M Invocations
Team $599/Monat 8GB+ 100GB+ 100.000+ Custom
Enterprise Individuell Individuell Individuell Individuell Individuell

Supabases kostenloser Tarif ist genuinely großzügig für kleine Projekte. Der Sprung zu Pro bei $25/Monat gibt dir genug für die meisten Produktions-Apps. Die Compute-Add-ons ($10–$20+/Monat für dedizierte Instanzen) sind, wo Kosten für performance-sensitive Anwendungen reinkriechen.

Beispiele Gesamtstack-Kosten

// Solo-Entwickler, Hobby-Projekt
Vercel Hobby: $0
Supabase Free: $0
Gesamt: $0/Monat

// Kleines Startup, 3 Devs, moderate Traffic
Vercel Pro: $20 + ($20 × 3 Sitze) = $80/Monat
Supabase Pro: $25/Monat
Gesamt: $105/Monat

// Wachsendes Unternehmen, 8 Devs, 500K+ monatliche Besuche
Vercel Pro: $20 + ($20 × 8 Sitze) = $180/Monat
Supabase Pro + Compute: $45/Monat
Bandbreitenpuffer: ~$40/Monat
Gesamt: ~$265/Monat

Direkte Kostenvergleiche nach Szenario

Hier wird es interessant. Lass uns echte Szenarien vergleichen:

Szenario Webflow Monatliche Kosten Next.js Stack Monatliche Kosten Jahreseinsparungen mit Stack
Solo Portfolio/Blog $18–$29 $0 (kostenlose Tiers) $216–$348
Startup Marketing-Seite (3 Personen) $145–$200 $105 $480–$1.140
Mittelständisches Unternehmen (6 Personen, 5 Seiten) $400–$600 $170–$265 $1.620–$4.020
Enterprise (10+ Personen, hoher Traffic) $1.500–$5.000+ $300–$600 $10.800–$52.800
eCommerce (transaktional) $500–$1.500+ $200–$400 $1.200–$13.200

Diese Zahlen erzählen eine klare Geschichte im großen Maßstab: Der Custom Stack ist massiv günstiger in der Infrastruktur. Aber es gibt einen riesigen Asterisk, und der heißt Entwicklerzeit.

Die versteckten Kosten, die niemand auf Pricing-Seiten zeigt

Das ist der Abschnitt, den die meisten Vergleichsartikel überspringen. Mach nicht mit.

Entwicklerkosten für den Next.js Stack

Eine Webflow-Seite kann in 1–3 Wochen von einem Designer gebaut werden. Ein vergleichbares Next.js + Supabase + Vercel-Projekt braucht einen Entwickler für 4–12 Wochen, je nach Komplexität.

Lass uns die Mathe machen:

Webflow-Build: Designer mit $80/Stunde × 60 Stunden = $4.800
Next.js-Build: Entwickler mit $120/Stunde × 200 Stunden = $24.000

Das ist eine Lücke von $19.200 nur beim initialen Build. Auch wenn du eine Agentur wie Social Animal anheurst, die auf diesem Stack spezialisiert ist und effizient arbeitet, zahlst du immer noch $8.000–$15.000 für eine gut gebaute Next.js-Anwendung versus $3.000–$7.000 für eine Webflow-Seite.

Laufende Wartung

Webflow handhabt Hosting, Security-Patches und CDN-Konfiguration. Mit dem Custom Stack brauchst du oder dein Team:

  • Vercel-Deployments und Build-Minuten überwachen
  • Supabase-Datenbank-Migrationen verwalten
  • Next.js-Versionen aktualisieren (sie versenden grobe Releases grob jährlich)
  • Abhängigkeits-Sicherheitslücken handhaben
  • CI/CD-Pipelines konfigurieren und verwalten

Planung 5–10 Stunden/Monat Entwicklerzeit für Wartung. Bei $120/Stunde sind das $600–$1.200/Monat, die du auf keiner Pricing-Seite sehen wirst.

Das Vercel "Tax"-Problem

Ich muss über das sprechen, denn ich habe Teams hart sehen, wie es sie beißt. Vercels nutzungsbasierte Preise bedeuten, ein Traffic-Spike kann deine Rechnung zerschlagen. Ein Client von uns sah eine $2.800-Rechnung in einem einzelnen Monat nach einem Reddit-Post, der viral ging — sie erwarteten $200 zu zahlen.

Die Fixes sind gut dokumentiert, aber erfordern Disziplin:

// Nutze ISR statt SSR wo möglich
export async function generateStaticParams() {
  const posts = await getPosts()
  return posts.map((post) => ({ slug: post.slug }))
}

// Setze Revalidation, um Funktions-Invocations zu reduzieren
export const revalidate = 3600 // revalidiere jede Stunde

Andere Cost-Saving-Strategien:

  • Nutze next/image mit korrekter Größenanpassung, um Bandbreite zu reduzieren
  • Deaktiviere aggressive Link-Prefetching in Navigation
  • Nutze Static Generation (SSG) über Server-Side Rendering (SSR), wo Inhalte sich nicht pro-Request ändern
  • Konfiguriere richtige Cache-Header
  • Erwäge Astro für Content-Heavy-Seiten, die Reacts Interaktivität nicht brauchen

Drittanbieter-Integrationen

Webflow wird teuer, wenn du Funktionalität brauchst, die es nicht nativ unterstützt:

  • Auth: Memberstack ($25–$200+/Monat) oder Outseta
  • Forms über Basics hinaus: Zapier ($19,99–$69,99+/Monat) oder Make
  • Search: Algolia ($0–$1/Monat für klein, skaliert schnell hoch)
  • eCommerce-Komplexität: Oft outgrows Webflows native Fähigkeiten

Mit dem Next.js-Stack gibt dir Supabase Auth, Real-Time-Subscriptions, Storage und Edge-Functions im Bündel. Du brauchst immer noch Payment-Processing (Stripe), Email (Resend, $0–$20/Monat) und möglicherweise ein Headless CMS — aber die Base-Fähigkeiten sind breiter.

Interaktives Kosten-Framework: Erstelle deine eigene Schätzung

Da ein statischer Rechner nicht jedes Szenario abdecken kann, hier ein Framework, das du nutzen kannst, um deine eigenen Kosten zu schätzen. Schnapp dir ein Spreadsheet und fülle diese Variablen aus:

// === DEINE INPUTS ===
team_size = ?          // Anzahl von Personen, die Zugang brauchen
monthly_visitors = ?   // Erwartet monatliche unique Besucher  
num_sites = ?          // Anzahl von separaten Seiten/Apps
needs_auth = ?         // true/false
needs_database = ?     // true/false
needs_ecommerce = ?    // true/false
has_developers = ?     // true/false (In-house Dev Team?)

// === WEBFLOW-SCHÄTZUNG ===
workspace = team_size <= 1 ? 0 : team_size * 19  // Core Plan
site_plans = num_sites * 29                       // CMS Plan Durchschnitt
integrations = (needs_auth ? 50 : 0) + (needs_ecommerce ? 100 : 0)
webflow_total = workspace + site_plans + integrations

// === NEXT.JS-STACK-SCHÄTZUNG ===
vercel = has_developers ? (20 + (team_size * 20)) : 20
supabase = needs_database ? 25 : 0
bandwidth_buffer = monthly_visitors > 500000 ? 40 : 0
dev_maintenance = has_developers ? 0 : 800  // outsourced monatlich
stack_total = vercel + supabase + bandwidth_buffer + dev_maintenance

// === INITIALER BUILD-COST ===
webflow_build = num_sites * 5000   // grobe Durchschnitt
stack_build = num_sites * 15000    // grobe Durchschnitt

Der Crossover-Punkt — wo der Stack billiger wird, auch wenn man die höheren Build-Kosten berücksichtigt — passiert typisch zwischen Monaten 8 und 18, je nach Team-Größe und Komplexität. Für Teams mit In-House-Entwicklern kann das so früh wie Monat 4 passieren.

Willst du, dass wir die Zahlen für deine spezifische Situation durchlaufen? Kontaktier uns für eine kostenlose Kostenanalyse.

Wann Webflow finanziell sinnvoll ist

Webflow ist nicht für alle überteuert. Es ist wirklich die richtige Wahl, wenn:

Du hast keine Entwickler. Das ist die große. Wenn dein Team Designer und Marketer sind, werden die Kosten, Entwickler für einen Next.js-Stack einzustellen, jedes Webflow-Abonnement übertreffen. Webflow-Kunden berichten von 67% weniger Dev-Tickets und 56% höheren Form-Conversion-Raten verglichen mit Custom-gebauten Alternativen.

Speed to Market ist wichtiger als Long-Term-Kosten. Brauchst du eine Marketing-Seite in zwei Wochen live? Webflow. Ein Next.js-Build mit dem gleichen Design-Polish dauert 6–10 Wochen minimum.

Die Seite ist größtenteils Inhalte. Blogs, Portfolios, Agency-Seiten, Landing Pages — das sind Webflows Sweet Spot. Der Visual CMS ist ausgezeichnet für Non-Technische Content-Teams.

Du brauchst weniger als 5 Seiten mit einem kleinen Team. In diesem Maßstab sind Webflows Gesamtkosten ($100–$300/Monat) competitive mit dem Stack, wenn du Wartungszeit einbeziehst.

Wann der Next.js-Stack kostenmäßig gewinnt

Der Custom Stack zieht sich in diesen Szenarien definitiv vor:

Du hast In-House-Entwickler. Wenn du bereits Entwickler zahlst, sind die Grenzkosten des Stacks nur Infrastruktur — $100–$300/Monat versus $500–$5.000+ für Webflow im Maßstab.

Du brauchst Anwendungslogik. User-Dashboards, Real-Time-Features, komplexe Forms, API-Integrationen, rollenbasierter Zugang — der Moment, dass du irgendetwas davon brauchst, explodieren Webflows Add-On-Kosten, während Supabase das meiste nativ handhabt.

Du skalierst über 5 Seiten oder 500K monatliche Besucher hinaus. Die Infrastruktur-Kosten-Kurve für Next.js + Vercel flacht dramatisch im Vergleich zu Webflows Pro-Site-Preismodell ab.

Du brauchst Performance im großen Maßstab. Next.js mit Turbopack und korrektem ISR/SSG-Configuration liefert konsistent Sub-100ms TTFB. Webflows Performance, während anständig für Marketing-Seiten, wurde schlecht für Skalierbarkeit bewertet (1,0/10 auf TrustRadius Skalierbarkeitsmetriken).

Hier ein echtes Beispiel von einem Client, den wir migriert haben. Sie liefen 8 Marketing-Seiten und ein Member-Portal auf Webflow:

Vorher (Webflow):
  Workspace Growth: $210/Monat (6 Sitze)
  8 CMS Seiten: $232/Monat
  Memberstack: $75/Monat  
  Zapier: $49/Monat
  Gesamt: $566/Monat ($6.792/Jahr)

Nachher (Next.js + Supabase + Vercel):
  Vercel Pro: $140/Monat (6 Dev-Sitze)
  Supabase Pro: $25/Monat
  Resend (Email): $20/Monat
  Gesamt: $185/Monat ($2.220/Jahr)
  
  Jahreseinsparungen: $4.572
  Migrations-Kosten: $18.000
  Break-Even: ~4 Monate

Der Break-Even kam schnell, weil sie Entwickler auf dem Personal hatten. Wenn sie eine Agentur für die Migration und laufende Wartung hätten anheuern müssen, erweitert sich der Timeline auf 12–14 Monate. Immer noch wert für sie — aber die Kalkulationen ändern sich für jedes Team.

Der Hybrid-Ansatz: Das Beste aus beiden Welten

Hier ist, was intelligente Teams wirklich in 2026 machen: Beide nutzen.

  • Webflow für Marketing-Seiten — Landing Pages, Campaign-Microsites, Blog-Inhalte, managed vom Marketing-Team
  • Next.js + Supabase für die Anwendung — Dashboards, authentifizierte Experiences, API-Heavy-Features

Das funktioniert, weil Webflow sauberes HTML/CSS exportiert, und du Webflow-gebaute Abschnitte in eine Next.js-App via iframes embedden kannst, oder den exportierten Code konvertierst. Manche Teams laufen Webflow auf einer Subdomain (www.example.com) und die App auf einer separaten Subdomain (app.example.com).

Das Kosten-Profil sieht etwas so aus:

Webflow CMS (1 Seite): $29/Monat
Vercel Pro (App): $80/Monat (3 Dev-Sitze)
Supabase Pro: $25/Monat
Gesamt: $134/Monat

Du kriegst das Beste aus beiden: Marketing-Team-Autonomie und Developer-Flexibilität. Wir haben dieses Pattern für mehrere Kunden implementiert, und es liefert konsistent den besten ROI.

Alternativen zu Vercel, die Überlegung Wert sind

Wenn Vercels Pricing ein Anliegen ist, hast du Optionen zum Hosting von Next.js:

Plattform Starting-Preis Next.js-Support Best For
Vercel $20/Monat + $20/Sitz Native (sie bauten es) Vollständige Feature-Unterstützung
Netlify $19/Sitz/Monat Gut (etwas Lücken) Einfachere Deployments
Cloudflare Pages Free–$5/Monat Improving Cost-Sensitive Teams
Railway $5/Monat + Nutzung Self-managed Budget-Deployments
AWS Amplify Pay-per-Use Volles SSR-Support AWS-Native Teams
Self-Hosted (Docker) $5–$50/Monat Vollständige Kontrolle DevOps-Fähige Teams

Deployra und ähnliche Services behaupten 93% Einsparungen über Vercel für wachsende Teams. Der Trade-Off ist immer derselbe: mehr Konfiguration, weniger Magie, aber dramatisch niedrigere Rechnungen.

FAQ

Ist Webflow 2026 zu teuer?

Es hängt ganz von deinem Use-Case ab. Für ein kleines Marketing-Team ohne Entwickler sind Webflows $100–$300/Monat argumentativ günstig im Vergleich zum Einstellen eines Entwicklers. Aber für Teams, die benutzerdefinierte Funktionalität brauchen, über ein paar Seiten hinaus skalieren, oder Enterprise-Features brauchen, ja — das wird schnell teuer. Enterprise-Angebote von $1.000–$10.000+/Monat sind häufig, und das Pro-Site-Preismodell bedeutet, dass Kosten linear mit deinem Portfolio wachsen.

Wie viel kostet Webflow Enterprise wirklich?

Webflow veröffentlicht Enterprise-Preise nicht. Basierend auf Branchenmeldungen und Client-Erfahrungen, erwartet $500–$800/Monat als Startpunkt für grundlegende Enterprise-Features, skalierend zu $3.000–$10.000+/Monat für große Organisationen mit hohem Traffic, mehreren Seiten, SLA-Anforderungen und SSO. Jahresverträge kommen typisch mit 15–22% Rabatt.

Kann ich wirklich eine Next.js-App kostenlos hosten?

Ja, mit Vorsicht. Vercels Hobby-Plan ($0) gibt dir 100GB Bandbreite und 1M Serverless-Funktions-Invocations monatlich. Supabase kostenlosen Tarif beinhaltet 500MB Datenbank-Storage und 50.000 Auth-Nutzer. Für ein persönliches Projekt oder frühes Startup mit niedrigem Traffic ist das wirklich kostenlos. Wenn du Team-Zusammenarbeit brauchst oder die Limits überschreitest, wirst du zu grob $45–$105/Monat springen.

Was sind Vercels versteckte Kosten?

Die wichtigsten Überraschungen sind Bandbreitenlimit-Überschreitungen ($40/100GB über 1TB auf Pro), Serverless-Funktionsdauer-Gebühren, Pro-Sitz-Preisgebung, die mit Team-Größe skaliert, und Build-Minuten-Limits. Teams berichten auch, dass bestimmte Next.js-Features wie häufige ISR-Revalidierung oder schwere Middleware Funktions-Invocation-Zählungen fahren können. Überwache dein Nutzungs-Dashboard wöchentlich in den ersten paar Monaten.

Ist Supabase wirklich eine gute Alternative zu Firebase?

Für die meisten Use-Cases, ja. Supabase gibt dir eine vollständige Postgres-Datenbank (nicht ein Document Store), gebaut-in Auth, Real-Time-Subscriptions, Edge Functions und File Storage. Der Schlüssel-Vorteil über Firebase ist, dass das Standard-SQL ist — keine Vendor-Lock-In, und du kannst deine Datenbank zu jedem Postgres-Host migrieren. Der kostenlose Tarif ist competitive, und der Pro-Plan bei $25/Monat deckt die meisten Produktions-Workloads ab.

Wie lange dauert es, eine Next.js + Supabase-Seite versus Webflow zu bauen?

Eine Marketing-Seite in Webflow dauert 1–3 Wochen für einen Skilled Designer. Die gleiche Seite in Next.js dauert 4–8 Wochen mit einem Entwickler. Für komplexe Anwendungen mit Auth, Dashboards und dynamischen Inhalten könnte Webflow 2–4 Wochen plus Integration-Zeit für Drittanbieter-Tools dauern, während Next.js + Supabase 6–12 Wochen dauert, aber dir ein wartbareres Ergebnis gibt. Die initiale Zeit-Investition im Custom-Stack zahlt sich später in reduzierter Wartung und Iterations-Geschwindigkeit aus.

Sollte ich von Webflow zu Next.js migrieren?

Migriere wenn: du Entwickler auf deinem Team hast, deine Webflow-Rechnung über $400/Monat geht, du Platform-Limits triffst (Custom Logic, Performance, CMS Item Limits) oder du Features brauchst, die Webflow nicht nativ liefert. Nicht migrieren wenn: dein Team ist Non-Technisch, deine Seite ist primarily Content-getrieben mit einfachen Interaktionen oder deine aktuelle Webflow-Kosten sind unter $200/Monat. Die Migration selbst kostet $8.000–$25.000, je nach Komplexität, also mach sicher, dass der Break-Even Timeline für dein Budget funktioniert.

Was ist der beste Stack für ein Startup 2026?

Für die meisten Startups empfehlen wir den Hybrid-Ansatz: Webflow für deine initiale Marketing-Seite (komm schnell zu Markt), danach Next.js + Supabase + Vercel für deine Produktanwendung. Das hält Marketing-Kosten niedrig, während dein Development-Team volle Kontrolle über die Produkterfahrung kriegt. Je größer du skalierst, kannst du die Marketing-Seite zu Next.js migrieren oder auf Webflow behalten — beide funktionieren. Schau unsere Pricing-Seite an, für wie das mit Agency-Support aussieht.