Headless CMS mit Next.js – die moderne Alternative zu WordPress?
Headless CMS mit Next.js vs. WordPress: Performance, Kosten und Flexibilität im direkten Vergleich. Wann sich der Umstieg lohnt und wann WordPress reicht.
Kurz erklärt: Was ist ein Headless CMS?
Bei WordPress hängen Frontend und Backend fest zusammen. Das Theme bestimmt die Optik, liefert aber oft jede Menge Performance-Ballast mit.
Ein Headless CMS zieht diese Schichten auseinander. Inhalte kommen über eine API, das Frontend baut man separat. Statt PHP-Theme rendert zum Beispiel Next.js die Seite: serverseitig, schnell, mit voller Kontrolle über jedes Detail.
Bekannte Headless CMS: Strapi, Sanity, Contentful, Directus. Oder WordPress selbst, rein als Backend über die REST-API.
Der ehrliche Vergleich
| Kriterium | WordPress (klassisch) | Headless CMS + Next.js |
|---|---|---|
| Ladezeit (TTFB) | 300–800ms (je nach Hosting) | 50–150ms (Edge/CDN) |
| Core Web Vitals | Oft nachträglich optimiert | Von Grund auf optimiert |
| Content-Pflege | Sehr einfach, sofort nutzbar | Variiert je nach CMS |
| Entwicklungskosten | 3.000–8.000 € (Standard-Theme) | 8.000–20.000 € (individuell) |
| Laufende Kosten | 15–50 €/Monat Hosting | 0–20 €/Monat (Vercel, Netlify) |
| Plugins/Erweiterungen | 60.000+ Plugins verfügbar | Individuell entwickelt |
| Sicherheit | Regelmäßige Updates nötig | Kleinere Angriffsfläche |
| Skalierbarkeit | Begrenzt ohne Caching | Nahezu unbegrenzt (CDN) |
| SEO | Gut (mit Plugins wie Yoast) | Exzellent (volle Kontrolle) |
| Mehrsprachigkeit | Plugin-basiert (WPML, Polylang) | Nativ in Next.js |
Wann WordPress die richtige Wahl bleibt
WordPress ist das meistgenutzte CMS der Welt, und das hat Gründe. Es passt, wenn:
- Budget begrenzt ist und die Seite schnell stehen muss
- Nicht-technische Mitarbeiter Inhalte eigenständig pflegen sollen
- Standard-Funktionen ausreichen (Blog, Kontaktformular, Bildergalerie)
- Die Website weniger als 50 Seiten hat und selten strukturelle Änderungen braucht
- Bestehende Plugins eine Funktion abdecken, die sonst aufwendig zu entwickeln wäre
Für einen Handwerksbetrieb, eine Arztpraxis oder ein kleines Unternehmen mit 5–10 Seiten bleibt WordPress die pragmatischste Lösung.
Wann Headless mit Next.js die bessere Wahl ist
Der Headless-Ansatz lohnt sich, sobald Performance, Flexibilität oder Skalierbarkeit den Ausschlag geben:
- Performance ist geschäftskritisch. Jede 100ms Ladezeit kostet messbar Conversion
- Mehrere Kanäle bedient werden: Website, App, Digital Signage, Newsletter aus einer Quelle
- Individuelle Nutzererlebnisse gefragt sind, die kein Theme abbilden kann
- Internationale Projekte mit mehreren Sprachen und Regionen
- Hoher Traffic erwartet wird. Statische Seiten über CDN skalieren ohne Limit
- Langfristig gedacht wird. Die Investition amortisiert sich über geringere Hosting-Kosten und weniger Wartung
Was bedeutet das für die Performance?
Zahlen statt Versprechen. Typischer Vergleich bei vergleichbarem Seiteninhalt:
| Metrik | WordPress (optimiert) | Next.js (statisch) |
|---|---|---|
| Time to First Byte | 280ms | 45ms |
| Largest Contentful Paint | 2.1s | 0.8s |
| Cumulative Layout Shift | 0.12 | 0.01 |
| Total Blocking Time | 350ms | 20ms |
| Lighthouse Score | 72–85 | 95–100 |
Die Werte stammen aus einem realen Test: gut optimierte WordPress-Seite vs. statisch generierte Next.js-Seite auf Vercel. Ohne Optimierung sieht WordPress deutlich schlechter aus.
Die versteckten Kosten
Bei WordPress
WordPress ist nicht "kostenlos". Premium-Themes kosten 50–100 €, essentielle Plugins (SEO, Security, Backup, Caching) summieren sich auf 200–500 €/Jahr. Dazu kommen regelmäßige Updates. Ein Plugin-Konflikt nach einem Update kann schnell einen halben Arbeitstag fressen.
Und je mehr Plugins, desto langsamer die Seite, desto größer die Angriffsfläche. 94 % aller gehackten CMS-Websites laufen auf WordPress (Sucuri, 2023). Nicht weil WordPress unsicher ist, sondern weil veraltete Plugins das Einfallstor sind.
Bei Headless + Next.js
Die höheren Initialkosten sind real. Dafür fallen Plugin-Lizenzen weg, das Hosting ist oft günstiger (oder kostenlos auf Vercel/Netlify im Hobby-Tier), und die Wartung beschränkt sich auf Dependency-Updates statt Plugin-Kompatibilität.
Über 3 Jahre gerechnet ist die Total Cost of Ownership oft vergleichbar, bei deutlich besserer Performance und weniger Ausfallrisiko.
Der Mittelweg: WordPress als Headless Backend
Eine unterschätzte Option: WordPress als reines Backend nutzen und das Frontend mit Next.js bauen. Die WordPress REST-API liefert Inhalte als JSON. Die Redaktion arbeitet im gewohnten Dashboard, die Besucher bekommen eine schnelle Next.js-Seite.
Vorteile:
- Bekannte Redaktionsoberfläche bleibt erhalten
- Bestehende Inhalte müssen nicht migriert werden
- Performance-Vorteile von Next.js
- Schrittweise Migration möglich
Nachteile:
- WordPress muss trotzdem gewartet und gehosted werden
- Nicht alle Plugins funktionieren im Headless-Modus
- Zwei Systeme statt einem, also mehr Komplexität
Unsere Empfehlung
Wähl WordPress, wenn das Budget knapp ist, die Seite schnell stehen muss und Performance kein K.O.-Kriterium ist.
Wähl Headless + Next.js, wenn Performance, Skalierbarkeit oder ein individuelles Nutzererlebnis den Unterschied machen. Die höhere Anfangsinvestition gehört dazu.
Wähl den Mittelweg, wenn du ein bestehendes WordPress-Projekt hast und die Performance verbessern willst, ohne alles neu zu bauen.
Wir bei Pixzl setzen beide Ansätze ein, je nachdem was für das Projekt und das Budget am meisten Sinn macht. Kein Dogma, sondern die beste Lösung für den konkreten Fall.