Next.js vs Astro vs Webflow: Was soll Ihre Marketing-Website 2026 antreiben?
Jede Woche stellt uns ein Gründer eine Variante derselben Frage: Sollen wir Webflow, Astro oder Next.js für unsere Marketing-Website verwenden? Das klingt technisch. Ist es nicht — es ist eine Geschäftsentscheidung, die in Framework-Namen gekleidet ist.
So denken wir darüber nach.
Die eigentliche Frage hinter der Framework-Wahl
Seien Sie ehrlich zu zwei Dingen, bevor wir zu Benchmarks kommen:
- Wer pflegt diese Website nach dem Launch? Ein nicht-technisches Marketing-Team? Ein interner Entwickler? Niemand?
- Was soll diese Website in 12 Monaten können? Statische Broschüre? A/B-getestete Landing Pages? Blog mit 200 Beiträgen? Gated Content?
Die Antworten eliminieren sofort zwei der drei Optionen.
Webflow: wenn Publikationsgeschwindigkeit alles schlägt
Webflow ist kein Entwicklungswerkzeug. Es ist ein Publikationswerkzeug mit visueller Oberfläche. Dieser Unterschied ist entscheidend.
Wählen Sie Webflow, wenn:
- Ihr Marketing-Team Seiten bearbeiten muss, ohne Tickets zu erstellen
- Sie in unter zwei Wochen launchen müssen
- Die Website hauptsächlich statischen Inhalt mit gelegentlichen Formularintegrationen enthält
- Ihr Budget keinen Custom-Build zulässt
Was Webflow bietet: Ein gehostetes CMS, einen Drag-and-Drop-Editor und einen vernünftigen Lighthouse-Score von Anfang an (80–90 mit Disziplin). Eine funktionierende Website schnell.
Was Webflow kostet: Rund 40–100 €/Monat dauerhaft. Styling-Grenzen, die mit der Zeit frustrieren. Animationen, die sich widersetzen, sobald sie komplex werden. Und eine Migration, die schmerzhafter ist, als es irgendjemand zugibt.
Webflow passt: zu Early-Stage-Unternehmen mit nicht-technischem Team, die schnell handeln müssen und die Trade-offs bewusst akzeptieren.
Astro: der leise Gewinner für inhaltsreiche Sites
Astros Architektur ist täuschend clever. Es liefert standardmäßig kein JavaScript. Jede Komponente wird als reines HTML gerendert, außer Sie entscheiden sich explizit für Interaktivität via „Islands"-Pattern.
Für eine Marketing-Website, die hauptsächlich aus Text, Bildern und ein paar interaktiven Widgets besteht, produziert das das schnellstmögliche Ergebnis. Eine gut gebaute Astro-Site erreicht regelmäßig LCP unter 1,2s und INP unter 50ms.
Wählen Sie Astro, wenn:
- Die Website inhaltsorientiert ist: Blog, Dokumentation, Case Studies
- Ihr Team sich mit HTML/CSS und etwas JavaScript wohlfühlt
- Sie maximale Lighthouse-Scores mit minimalem Aufwand wollen
- Sie nicht vorhaben, dynamische Features hinzuzufügen (Auth, Echtzeit-Daten, Benutzerkonten)
Was Astro bietet: Nahezu perfekte Core Web Vitals, exzellente native SEO, ein wachsendes Content-Collection-System und MDX-Unterstützung.
Was Astro kostet: Sobald das Produkt-Team einen Preisrechner, einen Free-Trial-Flow oder dynamische Suche verlangt, spüren Sie die Nähte.
Astro passt: zu Studios, Agenturen, SaaS-Marketing-Sites, Blogs und Dokumentation, wo redaktionelle Geschwindigkeit zählt und Interaktivität minimal ist.
Next.js: zukunftssicher auf Kosten der Komplexität
Next.js ist ein vollständiges React-Framework. Es kann alles, was eine Marketing-Site braucht, plus alles, was das Produkt-Team in 18 Monaten fordern wird. Diese Flexibilität ist sein Hauptargument — und seine Hauptfalle.
Wählen Sie Next.js, wenn:
- Ihre Marketing-Site Komponenten mit der Produkt-UI teilen wird
- Sie dynamische Personalisierung brauchen (A/B-Tests, geotargetierter Inhalt, gated Pages)
- Das Team React-nativ ist und mehrere Stacks zu pflegen teuer ist
- Sie etwas bauen, das zu einem vollständigen Produkt wächst
- Sie OG-Image-Generierung, i18n-Routing und ISR nativ wollen
Was Next.js bietet: Das komplette React-Ökosystem, Server Components, Edge Functions, ISR und die Fähigkeit, Backend-Features hinzuzufügen, ohne das Hosting zu ändern.
Was Next.js kostet: Initiale Komplexität. Eine einfache Marketing-Site braucht keine Server Components oder eine dreischichtige Caching-Strategie. Schlecht umgesetzt erhalten Sie eine langsame, überkonstruierte Site.
Next.js passt: zu Unternehmen, die ein Produkt neben der Marketing-Site aufbauen, zu wachsenden Startups und zu Teams mit React-Expertise.
Core Web Vitals: was wirklich für SEO zählt
Google verwendet CWV als Ranking-Signal. Ein realistischer Vergleich bei sorgfältiger Implementierung:
| Metrik | Webflow | Astro | Next.js |
|---|---|---|---|
| LCP (Ziel < 2,5s) | 1,8–2,5s | 0,9–1,4s | 1,2–2,0s |
| INP (Ziel < 200ms) | 80–150ms | 30–70ms | 60–120ms |
| CLS (Ziel < 0,1) | 0,02–0,08 | 0,0–0,02 | 0,0–0,04 |
| Lighthouse Ø | 82–91 | 94–100 | 88–98 |
Entscheidungsmatrix
| Szenario | Wahl |
|---|---|
| Nicht-Dev-Team pflegt Inhalte | Webflow |
| Reine Content-Site, max SEO | Astro |
| Produkt-Integration in Zukunft wahrscheinlich | Next.js |
| Launch in < 2 Wochen | Webflow |
| Blog mit 50+ Beiträgen | Astro oder Next.js |
| Auth, gated Content, Benutzerkonten | Next.js |
| Budget unter 1.500 € mit CMS-Bedarf | Webflow |
| Bestehendes Design-System in React | Next.js |
Die Migrations-Falle
Was niemand laut genug sagt: Framework-Wechsel sind teuer. Eine Webflow-Site, aus der Sie bei Series A herauswachsen, wird zum Neuschreib-Projekt. Eine Astro-Site, die plötzlich ein Benutzer-Dashboard braucht, erfordert erhebliche Umarbeitungen.
Wählen Sie für den Stand in 18 Monaten, nicht für heute.
Was wir bei Zynra bauen
Wir verwenden standardmäßig Next.js für die meisten Kundenprojekte, weil es mit Produkt-Code koexistiert und der App Router uns i18n, OG-Images und ISR nativ bietet. Wir greifen zu Astro bei inhaltsreichen, interaktionsarmen Briefings. Webflow, wenn das Brief explizit nicht-technische Redaktionskontrolle erfordert.
Wir haben keine dogmatische Position. Wir haben ein Brief.
Sie bauen eine Marketing-Site und wissen nicht, welche Stack passt? Starten Sie ein Gespräch — wir sagen Ihnen, was wir für Ihre Situation wählen würden.
Bereit, etwas zu starten?
Wir nehmen jeden Quartal eine begrenzte Anzahl von Projekten an. Erzählen Sie uns, was Sie bauen.