Headless CMS mit Next.js – die moderne Alternative zu WordPress?
Kurz erklärt: Was ist ein Headless CMS?
Bei einem klassischen CMS wie WordPress sind Frontend (was der Besucher sieht) und Backend (wo Inhalte gepflegt werden) fest verbunden. Das Theme bestimmt, wie die Seite aussieht — und bringt oft Performance-Ballast mit.
Ein Headless CMS trennt diese beiden Schichten. Inhalte werden über eine API ausgeliefert, das Frontend ist frei wählbar. Statt einem PHP-basierten Theme rendert zum Beispiel Next.js die Seite — serverseitig, blitzschnell und mit voller Kontrolle über jedes Detail.
Bekannte Headless CMS sind Strapi, Sanity, Contentful, Directus oder sogar WordPress selbst (über die REST-API als reines Backend).
Der ehrliche Vergleich
| Kriterium | WordPress (klassisch) | Headless CMS + Next.js |
|---|---|---|
| <strong>Ladezeit (TTFB)</strong> | 300–800ms (je nach Hosting) | 50–150ms (Edge/CDN) |
| <strong>Core Web Vitals</strong> | Oft nachträglich optimiert | Von Grund auf optimiert |
| <strong>Content-Pflege</strong> | Sehr einfach, sofort nutzbar | Variiert je nach CMS |
| <strong>Entwicklungskosten</strong> | 3.000–8.000 € (Standard-Theme) | 8.000–20.000 € (individuell) |
| <strong>Laufende Kosten</strong> | 15–50 €/Monat Hosting | 0–20 €/Monat (Vercel, Netlify) |
| <strong>Plugins/Erweiterungen</strong> | 60.000+ Plugins verfügbar | Individuell entwickelt |
| <strong>Sicherheit</strong> | Regelmäßige Updates nötig | Kleinere Angriffsfläche |
| <strong>Skalierbarkeit</strong> | Begrenzt ohne Caching | Nahezu unbegrenzt (CDN) |
| <strong>SEO</strong> | Gut (mit Plugins wie Yoast) | Exzellent (volle Kontrolle) |
| <strong>Mehrsprachigkeit</strong> | Plugin-basiert (WPML, Polylang) | Nativ in Next.js |
Wann WordPress die richtige Wahl bleibt
WordPress ist nicht schlecht — es ist das meistgenutzte CMS der Welt, und das aus gutem Grund. Es macht Sinn, 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
Wann Headless mit Next.js die bessere Wahl ist
Der Headless-Ansatz lohnt sich, wenn Performance, Flexibilität oder Skalierbarkeit entscheidend sind:
- 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 sagen mehr als Versprechen. Ein 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 versteckten Kosten
Bei WordPress
Was oft vergessen wird: 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 — Plugin-Konflikte nach einem Update können schnell einen halben Arbeitstag kosten.
Und: Je mehr Plugins, desto langsamer die Seite und 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 Option, die oft übersehen wird: 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 WordPress-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 — mehr Komplexität
Unsere Empfehlung
Es gibt keine pauschale Antwort. Aber als Orientierung:
Wähl WordPress, wenn du ein begrenztes Budget hast, die Seite einfach und schnell stehen muss, und du keine besonderen Performance-Anforderungen hast.
Wähl Headless + Next.js, wenn Performance, Skalierbarkeit oder ein individuelles Nutzererlebnis entscheidend sind — und du bereit bist, initial mehr zu investieren.
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.
