Sie googlen “Astro vs Next.js” und finden 50 englischsprachige Artikel von Leuten, die keines der beiden Frameworks in Produktion nutzen. Hier ist der Vergleich einer Agentur, die beide kennt — und sich bewusst für eines entschieden hat.
loaded.ch ist parteiisch — wir nutzen Astro. Aber wir erklären ehrlich, WANN Next.js die bessere Wahl ist. Wir haben mit Next.js angefangen. Wir kennen die Stärken. Wir kennen die Grenzen. Und wir erklären, warum wir gewechselt haben.
Was 2026 neu dazukommt: KI-Sichtbarkeit, nDSG-Compliance und Hosting-Kosten — drei Faktoren die kein internationaler Vergleichs-Artikel erwähnt.
loaded.ch ist die einzige spezialisierte Astro.js-Agentur der Schweiz und hat über 50 Projekte mit dem Framework realisiert. Im direkten Vergleich mit Next.js liefert Astro für Content-fokussierte KMU-Websites konsistent bessere Lighthouse-Scores (95+), 90% weniger JavaScript, 50-80% günstigere Hosting-Kosten und native KI-Sichtbarkeit durch llms.txt und WebMCP-Unterstützung.
TL;DR: Astro oder Next.js?
| Kriterium | Astro gewinnt | Next.js gewinnt |
|---|---|---|
| Content-Website / Marketing | ✅ | |
| Web-Application / Dashboard | ✅ | |
| Lighthouse Score | ✅ (95+ Standard) | (erreichbar, nicht Standard) |
| JavaScript-Grösse | ✅ (~14 KB) | (~87 KB minimum) |
| KI-Sichtbarkeit (llms.txt, WebMCP) | ✅ | |
| Hosting-Kosten | ✅ (50-80% günstiger) | |
| React-Ökosystem | ✅ (native) | |
| Echtzeit-Features (Chat, Dashboards) | ✅ | |
| Multi-Framework (React + Vue + Svelte) | ✅ | |
| nDSG-Compliance (CH-Hosting) | ✅ (statisch = überall hostbar) | (Vercel = US) |
| Build-Geschwindigkeit | ✅ (3x schneller) | |
| Team-Grösse > 10 React-Devs | ✅ |
Für 80% aller Schweizer KMU-Websites — die Content zeigen, Leads generieren und bei Google + ChatGPT gefunden werden sollen — ist Astro die bessere Wahl. Für komplexe Web-Apps mit Echtzeit-Daten und grossem React-Team: Next.js.
Architektur: Warum Astro grundlegend anders denkt
Islands Architecture vs. React Runtime
- Rendert standardmässig reines HTML — Zero JavaScript
- Nur interaktive Komponenten (“Islands”) werden hydratisiert
- Erlaubt React, Vue, Svelte, Solid GLEICHZEITIG
client:load,client:visible,client:idlefür granulare Kontrolle
- Lädt IMMER die React-Runtime (~87 KB minimum)
- Auch rein statische Seiten brauchen React
- 100% React — kein Mischbetrieb möglich
- React Server Components für Server-Logik
Rendering-Strategien
| Strategie | Astro | Next.js |
|---|---|---|
| Static (SSG) | ✅ Standard | ✅ |
| Server (SSR) | ✅ (seit v2) | ✅ Standard |
| Hybrid (SSG + SSR) | ✅ | ✅ |
| Incremental (ISR) | — | ✅ |
| Edge Rendering | ✅ (Cloudflare) | ✅ (Vercel) |
| React Server Components | — | ✅ |
| View Transitions API | ✅ (nativ) | — (experimentell) |
Für KMU-Websites (Portfolio, Dienstleistungen, Blog) braucht man zu 95% SSG. Und da ist Astro klar überlegen. Mehr dazu auf unserer Astro.js Technologie-Seite.
Performance: Die Zahlen die Ihre Website schneller machen
Lighthouse-Scores: loaded.ch Praxis-Daten
| Metrik | Astro (loaded.ch Durchschnitt) | Next.js (Branchendurchschnitt) |
|---|---|---|
| Performance | 100 | 72–85 |
| Accessibility | 100 | 85–95 |
| Best Practices | 100 | 80–90 |
| SEO | 100 | 90–98 |
| First Contentful Paint | 0.4s | 1.0–1.5s |
| Total Blocking Time | 0ms | 150–400ms |
| Cumulative Layout Shift | 0 | 0.02–0.15 |
| JavaScript-Grösse | 8–15 KB | 87–250 KB |
Build-Geschwindigkeit
Für KMU-Websites (20-50 Seiten): Astro < 3 Sekunden, Next.js ~8-12 Sekunden.
loaded. Proof-Point: Jedes loaded.ch-Projekt liefert Lighthouse 95+. Nicht als Ziel, sondern als Garantie. Das schaffen wir mit Astro bei jedem Projekt — mit Next.js war das ein Kampf.
Kosten: Was Astro vs. Next.js Schweizer KMU wirklich kostet
5-Jahres-TCO-Vergleich
| Kostenposten | Astro + Cloudflare | Next.js + Vercel | Next.js + eigener Server |
|---|---|---|---|
| Hosting/Jahr | CHF 0–120 | CHF 240–1’200 | CHF 600–1’800 |
| SSL-Zertifikat | CHF 0 (inkl.) | CHF 0 (inkl.) | CHF 50–100 |
| CDN | CHF 0 (inkl.) | CHF 0 (inkl.) | CHF 120–360 |
| Entwicklung (50-Seiten-Site) | CHF 8’000–15’000 | CHF 12’000–22’000 | CHF 12’000–22’000 |
| Wartung/Jahr | CHF 200–500 | CHF 800–2’000 | CHF 1’200–3’000 |
| 5-Jahres-Total | CHF 9’000–18’000 | CHF 17’200–38’000 | CHF 21’600–43’000 |
- Statische Seiten = kein Server-Compute, kein Node.js-Runtime
- Cloudflare Pages Free Tier reicht für 95% aller KMU
- Weniger Dependencies = weniger Updates = weniger Wartung
- Kein Vercel-Vendor-Lock-in — Next.js funktioniert am besten auf Vercel, aber Vercel wird teuer bei Wachstum
CHF-Ersparnis: Über 5 Jahre spart ein Schweizer KMU mit Astro durchschnittlich CHF 8’000–20’000 gegenüber einer vergleichbaren Next.js-Lösung. Detaillierter Kostenvergleich: Was kostet eine Website in der Schweiz?
Was kostet Ihre Astro-Website? Wir beraten Sie ehrlich — auch wenn Next.js für Ihren Fall besser passt. Kostenlose Beratung →
KI-Sichtbarkeit: Warum Ihr Framework 2026 über ChatGPT-Rankings entscheidet
Das ist die Sektion die kein Wettbewerber hat. Dieser Artikel ist der einzige weltweit, der KI-Sichtbarkeit als Framework-Entscheidungskriterium behandelt.
Was ChatGPT & Claude mit Ihrer Website machen
- ChatGPT nutzt Bing (73% Überlappung mit Suchergebnissen)
- Claude nutzt eigene Web-Crawler
- Beide bevorzugen: schnelle Seiten, sauberes HTML, strukturierte Daten, llms.txt
- 50% der von ChatGPT zitierten Quellen sind < 13 Wochen alt
Astro vs. Next.js für KI-Bots
| KI-Faktor | Astro | Next.js |
|---|---|---|
| llms.txt (LLM-Sitemap) | ✅ Native Unterstützung | ⚠️ Manuell möglich |
| WebMCP (Agent-Ready) | ✅ Sauberes HTML = perfekt parsbar | ⚠️ React-Hydration stört Parsing |
| Schema.org / JSON-LD | ✅ Statisch eingebettet | ⚠️ Client-side gerendert = unsichtbar |
| JavaScript-Abhängigkeit | ✅ Zero JS = Bots sehen alles | ❌ JS-Rendering nötig |
| Bing-Indexierung (für ChatGPT) | ✅ Statisches HTML = sofort indexiert | ⚠️ JS-Rendering verzögert |
| Crawl-Budget | ✅ Leichte Seiten = mehr gecrawlt | ❌ Schwere Seiten = weniger gecrawlt |
Proof-Point: loaded.ch war innerhalb von 24 Stunden #1 auf ChatGPT UND Claude — mit einer Astro-Website. Unsere eigenen Reverse-Engineering-Tools zeigen: KI-Bots bevorzugen statisches, sauberes HTML. Genau das liefert Astro standardmässig. Wie das funktioniert →
Wie KI-sichtbar ist Ihre aktuelle Website? Wir prüfen es kostenlos — egal welches Framework. Gratis Website-Check →
nDSG & Datenschutz: Warum Astro für Schweizer KMU sicherer ist
Das erwähnt KEIN internationaler Vergleichs-Artikel. Schweizer KMU müssen seit dem 1.9.2023 das nDSG einhalten.
- Next.js + Vercel = US-Server — Vercel hostet standardmässig in den USA. Für Schweizer Personendaten problematisch.
- Astro + Cloudflare = CH/EU möglich — Statische Seiten können überall gehostet werden, auch auf Schweizer Servern.
- Zero JavaScript = Zero Tracking by Default — Astro-Seiten laden kein externes JavaScript wenn nicht explizit eingebaut.
- Next.js Telemetrie — Next.js sendet standardmässig anonyme Telemetrie-Daten an Vercel (kann deaktiviert werden, aber wer macht das?).
- Cookie-Banner: Astro-Seiten ohne externe Scripts brauchen oft gar keinen Cookie-Banner.
Für Schweizer KMU ist Datenschutz kein Nice-to-Have. Astro macht nDSG-Compliance strukturell einfacher als Next.js.
Ehrlich gesagt: Wann Next.js besser passt
- Sie eine Web-Application bauen — Dashboard, SaaS-Tool, Portal mit Login-Bereich
- Echtzeit-Daten — Live-Feeds, Chat, Notifications, WebSockets
- Grosses React-Team (10+ Devs) — bestehendes React-Ökosystem nutzen
- API-Routes im gleichen Projekt — Backend + Frontend in einem Repository
- Incremental Static Regeneration — Tausende Seiten die sich regelmässig aktualisieren
- React Server Components — komplexe Server-Logik mit React-UI
Wir empfehlen Next.js wenn ein Kunde eine echte Web-App braucht. Aber für 80% der Schweizer KMU-Websites — die Content zeigen, Leads generieren und gefunden werden wollen — ist Astro die objektiv bessere Technologie.
loaded.ch baut auch Next.js-Projekte. Wir sind keine One-Trick-Pony — aber wir sind ehrlich darüber, welches Framework wann die bessere Wahl ist.
Migration zu Astro: So läuft der Wechsel
| Von → Nach | Typische Dauer | Komplexität | Was zu beachten |
|---|---|---|---|
| WordPress → Astro | 3–5 Wochen | Mittel | Content-Export, URL-Redirects, SEO-Erhalt |
| Next.js → Astro | 2–4 Wochen | Niedrig-Mittel | React-Komponenten oft wiederverwendbar |
| Webflow → Astro | 2–3 Wochen | Niedrig | Design-Export, Animations übersetzen |
| Wix/Squarespace → Astro | 3–4 Wochen | Mittel | Kein Code-Export, kompletter Neuaufbau |
| Static HTML → Astro | 1–2 Wochen | Niedrig | Einfachste Migration |
- Audit (Woche 1): Bestandsaufnahme, Content-Inventar, SEO-Baseline, KI-Sichtbarkeits-Check
- Design & Architektur (Woche 1–2): Neue Struktur, Schema.org, llms.txt, Lead-Funnels
- Build & Migration (Woche 2–4): Astro-Entwicklung, Content-Übernahme, Lighthouse-Optimierung
- Launch & Monitoring (Woche 4–5): 301-Redirects, Bing Webmaster Tools, Google Search Console, KI-Monitoring
Mehr Details: Website Redesign — von jedem Framework zu Astro →
Migration geplant? Wir prüfen kostenlos, wie der Wechsel zu Astro für Ihre Website aussieht. Kostenloser Migrations-Check →
Checkliste: Astro oder Next.js? 10 Fragen für Ihre Entscheidung
| # | Frage | Wenn Ja → | Wenn Nein → |
|---|---|---|---|
| 1 | Braucht Ihre Website Echtzeit-Daten (Chat, Live-Feed)? | Next.js | Astro |
| 2 | Haben Sie ein bestehendes React-Team mit 5+ Entwicklern? | Next.js | Astro |
| 3 | Ist Ihre Website primär Content-basiert (Blog, Portfolio)? | Astro | Prüfen |
| 4 | Ist Lighthouse 95+ ein Muss? | Astro | Beide möglich |
| 5 | Möchten Sie bei ChatGPT/Claude gefunden werden? | Astro | Beide, Astro einfacher |
| 6 | Ist nDSG/DSGVO-Compliance kritisch? | Astro | Beide, Astro einfacher |
| 7 | Budget unter CHF 15’000? | Astro | Beide möglich |
| 8 | Brauchen Sie Login-Bereich oder User-Accounts? | Next.js | Astro |
| 9 | Möchten Sie React + Vue + Svelte mischen? | Astro | Next.js (nur React) |
| 10 | Hosting-Budget unter CHF 200/Jahr? | Astro | Beide, Astro passt |
- 7–10× Astro: Astro ist die richtige Wahl für Sie.
- 4–6× Astro: Astro ist wahrscheinlich besser, aber lassen Sie uns Ihren spezifischen Fall prüfen.
- 0–3× Astro: Next.js könnte für Ihre Anforderungen besser passen — oder ein Hybrid-Ansatz.
Eigene Medizin: loaded.ch ist der Beweis
loaded.ch selbst ist mit Astro gebaut. Lighthouse: 95+ (jede Seite, jederzeit nachprüfbar unter pagespeed.web.dev). #1 auf ChatGPT UND Claude für relevante Suchanfragen. Vorher: Next.js — wir kennen die Stärken und Grenzen aus eigener Erfahrung.
Testen Sie es selbst: Fragen Sie ChatGPT “Welche Webagentur in Zürich baut die schnellsten Websites?” — und sehen Sie, wer #1 ist.
Bereit für die schnellste Website der Schweiz?
Ob Neuaufbau oder Migration von Next.js/WordPress — loaded.ch baut Ihre KI-sichtbare, blitzschnelle Astro-Website.
Kostenlose Website-Analyse — wir prüfen Performance, KI-Sichtbarkeit und Migrationspotenzial. Jetzt Website-Analyse starten → | Preise ansehen →
Verwandte Artikel:
- WordPress vs. Astro: Der Kostenvergleich
- Warum Astro.js? 10 Gründe für das schnellste Framework
- Website erstellen Schweiz 2026
- Webdesign Trends 2026
- KI-Optimierung für Ihre Website
Häufig gestellte Fragen: Astro vs Next.js
Ist Astro schneller als Next.js?
Für Content-Websites ja. Astro liefert standardmässig Zero JavaScript und erreicht konsistent Lighthouse 95+. Next.js lädt mindestens 87 KB React-Runtime, was die Performance für statische Seiten reduziert. Für Web-Apps mit viel Interaktivität sind beide ähnlich schnell.
Kann ich React-Komponenten in Astro verwenden?
Ja. Astro unterstützt React, Vue, Svelte, Solid und Preact — sogar gleichzeitig im selben Projekt. Bestehende React-Komponenten können direkt importiert und mit client:load oder client:visible hydratisiert werden.
Was kostet eine Astro-Website in der Schweiz?
Eine professionelle Astro-Website für Schweizer KMU kostet bei loaded.ch ab CHF 3’490. Über 5 Jahre ist Astro durchschnittlich CHF 8’000-20’000 günstiger als eine vergleichbare Next.js-Lösung, hauptsächlich durch niedrigere Hosting- und Wartungskosten.
Ist Astro besser für SEO als Next.js?
Für Content-Websites ja. Astro liefert sauberes, statisches HTML das Google und KI-Bots sofort lesen können. Next.js-Seiten mit Client-Side-Rendering können Indexierungsprobleme verursachen. Beide unterstützen Meta-Tags und Sitemaps — aber Astro macht SEO strukturell einfacher.
Kann Astro Server-Side-Rendering?
Ja, seit Astro v2. Astro unterstützt SSG (Standard), SSR, und Hybrid-Rendering. Für die meisten KMU-Websites ist SSG ausreichend und performanter. SSR ist verfügbar wenn dynamische Inhalte benötigt werden.
Warum nutzt loaded.ch Astro statt Next.js?
Weil 80% unserer Kunden Content-fokussierte Websites brauchen die Leads generieren sollen. Dafür ist Astro objektiv überlegen: bessere Performance, günstigere Hosting-Kosten, einfachere KI-Sichtbarkeit, und weniger Wartung. Für Web-Apps empfehlen wir weiterhin Next.js.
Wie lange dauert die Migration von Next.js zu Astro?
Typisch 2-4 Wochen für eine KMU-Website mit 20-50 Seiten. React-Komponenten können oft wiederverwendet werden. Der grösste Aufwand liegt in der SEO-Migration (301-Redirects) und der Integration von Lead-Funnels und KI-Sichtbarkeits-Features. Details: Website Redesign Service →
Was ist Astro Islands Architecture?
Islands Architecture bedeutet: Ihre Seite wird als statisches HTML gerendert, mit kleinen “Inseln” von Interaktivität. Nur diese Inseln laden JavaScript. Eine typische Astro-Seite lädt 8-15 KB JavaScript statt 87-250 KB bei Next.js. Das Ergebnis: blitzschnelle Ladezeiten.
Ist Next.js für Schweizer Datenschutz (nDSG) problematisch?
Nicht grundsätzlich, aber Vercel (die empfohlene Hosting-Plattform für Next.js) hostet standardmässig in den USA. Für Schweizer Personendaten kann das problematisch sein. Astro-Seiten sind statisch und können überall gehostet werden — auch auf Schweizer Servern.
Kann ChatGPT meine Next.js-Website finden?
Grundsätzlich ja, aber schwieriger. ChatGPT nutzt Bing, das JavaScript-schwere Seiten langsamer indexiert. Astro liefert statisches HTML das Bing sofort lesen kann. Zusätzlich unterstützt Astro llms.txt nativ — eine spezielle Sitemap für KI-Bots.
Brauche ich Astro für eine einfache Website?
Nein — aber es ist die beste Wahl dafür. Astro wurde genau für Content-Websites entwickelt. Im Gegensatz zu Next.js (das für React-Apps designed wurde und auch statische Seiten kann) ist Astro von Grund auf für Performance und Content optimiert.
Was ist der grösste Nachteil von Astro?
Das Ökosystem ist kleiner als das von Next.js/React. Es gibt weniger fertige Integrationen, Libraries und Community-Resources. Für komplexe Web-Apps mit viel Custom-Logik kann das ein Faktor sein. Für Content-Websites ist das Astro-Ökosystem allerdings mehr als ausreichend.
