Webflow vs. Next.js: Was B2B-Unternehmen 2026 wählen sollten

Die kurze Antwort

Webflow vs. Next.js: Für ein B2B-Unternehmen mit einer Marketing-Website aus einer Handvoll Seiten, einem Blog und ein bis zwei Sprachen ist Webflow 2026 eine gute Wahl. Design, Editor und Tempo bis zum Launch sind stark, das CMS reicht bis 40 Collections und 20.000 Einträge. Wir bauen Webflow weiterhin für Kunden in diesem Rahmen.

Sobald du Inhalte als System betreibst, empfehlen wir Next.js (oder Astro) mit Sanity als Content-Datenbank. Das heißt: mehrere Sprachen ohne Aufpreis, hunderte Wissen-Artikel, Seiten aus strukturierten Daten (Branchen, Leistungen, Städte), Anbindung an CRM oder Produktdaten, KI-Agenten, die per API Inhalte anlegen. Ein Code-System gibt dir jeden Hebel, den Google und KI-Crawler lesen: Rendering, Schema, Sitemap, hreflang, Caching, interne Verlinkung. In Webflow steuerst du davon einen Teil, den Rest entscheidet die Plattform.

Die Kosten sprechen nicht gegen Code: Next.js mit Sanity Free läuft typischerweise mit 0-20 $ Hosting pro Monat, Webflow mit CMS und einer Zusatzsprache mit 34 $.

Was ist was: Webflow, Next.js und Sanity

Webflow ist ein visueller Website-Builder mit eingebautem Hosting und CMS. Du gestaltest im Designer, Webflow erzeugt HTML und CSS, hostet die Website und liefert den Editor. Kein Entwickler nötig, aber du entscheidest nicht, wie gerendert, gecacht oder exportiert wird.

Next.js ist ein React-Framework, also ein Gerüst, mit dem eine Agentur eine Website als Code baut. Es rendert Seiten auf dem Server (Server-Side Rendering: der Server liefert fertiges HTML, Google und KI-Crawler lesen den Inhalt ohne JavaScript auszuführen) oder baut sie einmal statisch vor. Ein CMS hat Next.js nicht. Dafür kommt Sanity dazu, eine strukturierte Content-Datenbank mit eigenem Editor, dem Sanity Studio. Inhalte liegen dort als Dokumente mit definierten Feldern, das Frontend holt sie per API. Diesen Aufbau nennt man Headless: Inhalte und Darstellung sind getrennt. Details in Headless CMS erklärt und im Sanity-Überblick.

Wo hier Next.js steht, gilt fast alles auch für Astro. Astro baut Seiten statisch: Inhalte werden beim Build aus Sanity in HTML eingebacken, nur interaktive Teile laden JavaScript (Islands). Marketing-Websites bauen wir bevorzugt mit Astro, Next.js bei App-Logik, Login oder Echtzeit-Daten. Alle drei Stufen ordnet der Hub-Artikel Baukasten, Webflow oder Next.js ein.

Webflow vs. Next.js im direkten Vergleich

Zehn Kriterien, an denen sich die Entscheidung im Projekt tatsächlich festmacht. Die Abschnitte darunter nehmen jede Zeile einzeln auseinander.

Design und Animation

Beim Design liegen beide näher beieinander, als die Debatte vermuten lässt. Webflow gibt sauberes HTML und CSS aus, Interaktionen baust du ohne Code, komplexere Bewegungen mit GSAP (eine JavaScript-Bibliothek für Animationen) per Custom Code. Ist dein Design in Webflow baubar, ist Design kein Argument für Next.js.

In Next.js baut die Agentur jede Komponente selbst. Das dauert länger, öffnet aber alles, was im Browser läuft: Scroll-Animationen, WebGL, 3D. Ullsteinhaus (Three.js) und Monteval (GSAP) laufen so auf Astro. Mehr in Website-Animationen; Webflow gegen einen Design-Builder ordnet Webflow vs. Framer ein.

Editor und Content-Pflege

Beide Seiten haben inzwischen einen Editor, der direkt auf der Seite arbeitet. Im Webflow Editor klickst du einen Text an, tippst, veröffentlichst; CMS-Einträge pflegst du im Formular. Für kleine Teams ist das ohne Einarbeitung bedienbar. Der Preis: Wer statt im Editor im Designer arbeitet, kann Layouts verschieben.

Sanity Studio ist ein eigener Editor, angepasst an dein Content-Modell. Dazu kommt der Presentation Mode: Dein Marketing sieht die Website live in der Vorschau, klickt auf einen Text und landet im passenden Feld. Das Layout ist geschützt, weil Inhalt und Darstellung getrennt sind. Bei LeanWave läuft das im Tagesbetrieb, jede Änderung löst per Webhook einen Rebuild aus. Presentation Mode ist im Sanity-Free-Plan enthalten. Der Webflow Editor ist am ersten Tag einfacher. Sanity ist stärker, sobald ein Inhalt an zehn Stellen erscheinen soll, ohne dass jemand zehnmal kopiert.

CMS-Struktur und Mehrsprachigkeit

Hier liegt die Grenze, an der die meisten Webflow-Kunden bei uns anfragen. Webflows Limits stehen in der eigenen Dokumentation: 20.000 CMS-Items und 40 Collections pro Website (Premium; 100 im Team-Plan), 40 Collection-Listen und 10 verschachtelte Listen pro Seite, 100 Einträge pro Liste ohne Paginierung.

Rechne es durch. 20 Leistungen, 30 Branchen und 40 Städte sind 90 Items: kein Problem. Kombinationsseiten daraus (Leistung × Branche × Stadt) sind 24.000 Seiten, also über dem Limit, bevor du angefangen hast. In Sanity definierst du das Content-Modell selbst: Free-Plan 10.000 Dokumente, Growth 25.000.

Mehrsprachigkeit ist in Webflow ein Add-on: 9 $ pro Sprache und Monat bis drei Sprachen, 29 $ bis zehn. In Next.js oder Astro mit Sanity kostet eine weitere Sprache keinen Aufpreis. LeanWave läuft mit Englisch auf der Wurzel und Deutsch unter /de, mit übersetzten URL-Segmenten (/solutions wird zu /de/loesungen) und hreflang inklusive x-default. Konfiguration im Code, keine Plattformgebühr.

Performance und Core Web Vitals

Webflow-Websites sind schnell, wenn sie sauber gebaut sind. Zwei Dinge kannst du nicht ändern: Die Interaktions-Runtime webflow.js lädt auf jeder Seite, auch ohne Animation, und Caching-Header sowie Bildpipeline steuert Webflow. Bei einer schlanken Marketing-Website selten der Flaschenhals, bei vielen Seiten mit vielen Bildern schon.

Next.js rendert serverseitig oder statisch und hydriert danach mit React: Das fertige HTML kommt sofort, JavaScript macht die Seite anschließend interaktiv. Astro liefert für statische Inhalte standardmäßig 0 KB JavaScript. Was das in Zahlen heißt: leanwave.com, das wir statisch mit Astro bauen, lädt auf der Startseite rund 39 KB JavaScript in drei Dateien. Eine unserer Webflow-Seiten lädt an derselben Stelle rund 740 KB in dreizehn Dateien (eigene Messung, 13.09.2026). Welche Schwellen Google ansetzt, steht in Core Web Vitals erklärt. Performance ist kein Grund, Webflow zu verlassen, solange deine Werte grün sind.

SEO- und GEO-Hebel: was du wo steuern kannst

Google und KI-Suchsysteme lesen dieselbe Seite. In Webflow steuerst du Title, Meta-Description, Canonical, 301-Redirects und robots.txt im Interface, die Sitemap kommt automatisch, hreflang mit dem Lokalisierungs-Add-on. Schema-Markup (strukturierte Daten, mit denen Google FAQ, Autor und Breadcrumbs versteht) baust du per Custom Code. Rendering und Caching liegen bei Webflow. Eine llms.txt (Textdatei im Wurzelverzeichnis, die KI-Crawlern Struktur und Kerninhalte erklärt) legst du in Webflow nicht ohne Weiteres ab.

In Next.js steuerst du die Kette im Code: Metadaten pro Template aus Sanity-Feldern, Schema als JSON-LD pro Seitentyp, Sitemap und robots.txt aus dem Content-Modell, hreflang aus den Übersetzungen, llms.txt als Datei, IndexNow-Ping bei jeder Veröffentlichung, Caching pro Route, interne Verlinkung nach Regeln. Keine dieser Stellschrauben lässt dich „besser ranken". Sie geben dir jeden Hebel, den Google und KI-Crawler lesen, ohne dass du ihn bei der Plattform beantragen musst. Wie du KI-Systeme als Quelle gewinnst, steht in Generative Engine Optimization, die Grundlage in Technisches SEO.

KI-Content-Systeme und programmatische Seiten

Rechne diesen Punkt an deinem eigenen Content-Plan durch, er entscheidet die Frage öfter als das Design. Webflow und Wix haben offizielle MCP-Server (eine Schnittstelle, über die KI-Agenten wie Claude oder ChatGPT direkt mit einem Tool arbeiten) und APIs. Der Unterschied zu Sanity mit Code ist also nicht „kein MCP".

Er liegt an vier Stellen. Erstens die Limits: 20.000 Items, 40 Collections, dazu API-Rate-Limits. Zweitens die Templates: Ein Collection-Template hängt an genau einer Collection, Kombinationen aus mehreren Datenquellen sind ein Workaround. Drittens der Zugriff: Rendering, Caching, Schema, Sitemap-Logik und interne Verlinkung liegen außerhalb deiner Reichweite. Viertens die Architektur: Im Code-System sind programmatische Seiten der Normalfall, nicht die Ausnahme.

Ein Rechenbeispiel: Angenommen, du willst 20 Leistungen mit 30 Branchen kreuzen. Im Code-System sind das ein Template, zwei Datensätze und eine Regel, welche Kombinationen überhaupt eine Seite verdienen. Im Builder ist es entweder eine dritte Collection mit vorbereiteten Kombinationen oder Handarbeit.

Und die Bremse gehört dazu: Programmatische Seiten funktionieren nur mit echter Substanz pro Seite. Dünne Massenseiten mit ausgetauschtem Städtenamen wertet Google als Doorway-Pages ab (Seiten, die nur existieren, um ein Keyword abzudecken). Das haben wir auf unserer alten Website selbst erlebt. Plane die Substanz pro Seite, bevor du die Menge planst.

Kosten 2026

Alle Preise USD, Herstellerseiten, abgerufen am 13.09.2026. Webflow rechnet pro Website ab, Vercel pro Entwickler-Seat.

Beim Aufbau dreht sich die Rechnung um: Eine Next.js-Website kostet in der Entwicklung mehr, weil die Agentur Komponenten, Content-Modell und Templates selbst baut (Einordnung in Was kostet Webentwicklung). Im Betrieb läuft sie mit nahezu keinen laufenden Plattformgebühren.

Lock-in und Export

Webflow exportiert HTML, CSS und JavaScript, aber nicht die CMS-Inhalte als Teil des lauffähigen Systems (separat als CSV oder per API) und nicht die Interaktionen als lauffähiger Code. Wer mit dem Export weiterarbeiten will, baut um. Genau das haben wir bei Yarowa gemacht: 163 Sections in 21 Templates, fünf Sprachen, 1:1 nach Astro portiert. Das Design blieb unverändert.

Bei Next.js liegt der Code in deinem Git-Repository, Inhalte exportierst du aus Sanity, Hosting wechselst du frei. Der Lock-in ist hier die Agentur, nicht die Plattform. Achte darauf, dass das Repository dir gehört.

Kombinierbar? Webflow und Next.js nebeneinander

Ja, in zwei Mustern. Muster eins: Webflow als Marketing-Website, Next.js für die Anwendung dahinter (www auf Webflow, app auf Next.js). Das funktioniert, solange die Website keine Preise oder Kundendaten aus der App zeigen muss.

Muster zwei: Webflow als Headless-CMS. Dein Team pflegt Inhalte im Webflow CMS, ein Next.js-Frontend holt sie per API und rendert selbst. Das gibt dir Rendering, Schema und Caching in die Hand. Die Limits bleiben: 20.000 Items, 40 Collections, Lokalisierung als Add-on. Als Übergangsschritt sinnvoll, als Dauerlösung selten.

Wann Webflow, wann Next.js

Die Kriterien als Entscheidungsregel, in der Reihenfolge, in der wir sie im Erstgespräch durchgehen.

Wähle Webflow, wenn

Ein Punkt allein reicht noch nicht. Treffen drei oder mehr zu, ist Webflow die richtige Stufe.

Wähle Next.js (oder Astro) mit Sanity, wenn

Hier gilt das Gegenteil: Schon einer dieser Punkte wird in Webflow früher oder später zum Umzugsgrund.

Unser Urteil und drei Projekte

Wir bauen auf beiden Seiten. Webflow für Kunden, die die Kriterien der Stufe 2 erfüllen: Marketing-Website, überschaubares CMS, ein bis zwei Sprachen, betreut über unsere Webflow-Agentur. Für alle, die Inhalte als System betreiben wollen, ist Next.js oder Astro mit Sanity der Default, umgesetzt über unsere Webentwicklung.

Drei Projekte zeigen die Bandbreite. Yarowa liegt am nächsten an dieser Frage: ein internationaler B2B-Kunde mit fünfsprachiger Website, in Webflow gebaut, deren Export wir 1:1 nach Astro portiert haben. Das Design blieb, die Sprachen wurden zum Normalfall statt zum Add-on. LeanWave (Otto ID Solutions, RFID für Textilservice und Wäschereien) startete direkt im Code: Astro, Sanity, Vercel, zweisprachig, Redaktion im Presentation Mode. Unsere eigene Website kam von der anderen Seite, aus einem Baukasten: in-sync.io lief bis 2026 auf Wix und rankte für praktisch nichts; heute laufen 49 Wissen-Artikel, 10 Service-Seiten und 17 Stadtseiten aus einer Sanity-Datenbank auf Next.js, mit hreflang (Sprachauszeichnung für Google), llms.txt und IndexNow.

Wenn du wechselst, gilt unser Relaunch-Prozess: Vorher-Crawl, Ranking-Snapshot, Redirect-Map 1:1 für jede alte URL, Launch-Checkliste, IndexNow. Schritt für Schritt in Webflow zu Next.js migrieren, den Rahmen setzt unsere Relaunch-Agentur.

Häufige Fragen

Nächster Schritt

Du sitzt auf Webflow und fragst dich, ob die Grenze schon erreicht ist? In einem 30-minütigen Erstgespräch sagen wir dir, ob ein Wechsel sich lohnt oder ob du bleiben solltest. Button: „Erstgespräch buchen" → /kontakt