Headless-Websites mit Next.js. Schnell, sicher, kaum Wartung.
Bei einer Headless-Website sind Redaktion und Darstellung getrennt: Inhalte kommen aus WordPress, einem Headless-CMS wie Storyblok oder direkt aus dem Code, Next.js liefert fertige Seiten aus. Sie laden schnell, bieten kaum Angriffsfläche und brauchen keine Plugin-Updates. Unsere eigene Website, Staufenwald, BILDFLUG und WILDFLUG laufen so.
Kostenlos und unverbindlich. Antwort werktags innerhalb von 24 h.
4,8 aus 20 Google-Bewertungen in zwei Profilen, inhabergeführt seit 1999, über 520 Projekte und vier eigene Plugins im WordPress-Verzeichnis.
Wann sich Headless lohnt, und wann nicht.
Lohnt sich, wenn
deine Seiten schnell laden müssen und sich die Seitentypen selten ändern, Sichtbarkeit bei Google und in KI-Antworten zählt, niemand Plugins aktualisieren soll und dieselben Inhalte mehrere Kanäle bedienen, etwa Website, App und Kasse.Lohnt sich nicht, wenn
dein Team täglich neue Layouts baut, du Plugins für Buchung, Mitgliederbereich oder Shop aus dem WordPress-Baukasten brauchst oder das Budget unter dem einer einfachen WordPress-Website liegt. Dann ist WordPress die bessere Wahl, und das sagen wir dir.
So bauen wir eine Headless-Website.
Drei Entscheidungen, in dieser Reihenfolge. Die erste bestimmt, wie dein Team später arbeitet, die letzte, ob die Rankings den Umzug überstehen.
Redaktion wählen
WordPress als Quelle, wenn dein Team den Editor kennt, Storyblok für die Bearbeitung in der Vorschau, Dateien im Code für Seiten, die sich selten ändern.
Seiten fertig ausliefern
Next.js erzeugt die Seiten beim Bau oder in festen Abständen. Bilder in AVIF und WebP, Schriften vom eigenen Server, keine Anfrage an fremde Dienste ohne Grund.
Umziehen ohne Verlust
Jede alte Adresse bekommt ihre Weiterleitung und wird nach dem Umzug einzeln geprüft, samt Titel, Beschreibung und strukturierten Daten.
Betreiben
Abhängigkeiten aktuell halten, Backups, Überwachung, Änderungen. Kleiner als bei WordPress, aber nicht null.
Womit wir Headless bauen.
- Next.js 16
- Framework, App Router
- React 19
- Oberfläche
- TypeScript
- Sprache, geprüft beim Bau
- WordPress als Headless-CMS
- Redaktion über die REST-Schnittstelle
- Storyblok
- Headless-CMS mit Vorschau
- MDX im Repository
- Inhalte im Code, versioniert
- Docker auf Servern in Deutschland
- Betrieb
- Matomo
- Messung, die auch ohne Cookies zählt
Was dabei herauskam.
- StaufenwaldAufforstung und Baumpatenschaften, eigenes ProjektDen Shop von WordPress auf Next.js neu gebaut und alle 105 alten Adressen einzeln gegen die neue Seite geprüft. Zu jedem Baum gibt es eine Urkunde.
- BILDFLUGLuftbild und Thermografie, eigenes HausEin Archiv aus 14 Jahren, vorher lose HTML-Dateien, jetzt als Next.js-Website: 38 Referenzprojekte mit eigener Adresse, alle 66 alten Adressen leiten weiter, kein Layoutsprung beim Laden.
- WILDFLUGWärmebildflüge, eigenes ProjektAls Next.js-Anwendung gebaut, mit einem Richtwertrechner, der Anfragen vorqualifiziert, und einer Seite Einsatzgebiet statt zwanzig Ortsseiten.
Schon auf WordPress? Das kann bleiben.
Headless heißt nicht, alles wegzuwerfen. WordPress bleibt oft die Redaktion: Dein Team pflegt im gewohnten Editor, nur die Darstellung zieht um. Schick uns die Adresse, wir sagen dir, ob sich das für dich rechnet.
Headless: häufige Fragen.
Was ist eine Headless-Website?
Eine Website, bei der Redaktion und Darstellung getrennte Systeme sind. Ein Redaktionssystem wie WordPress oder Storyblok verwaltet die Inhalte und gibt sie über eine Schnittstelle aus, ein Frontend wie Next.js baut daraus fertige Seiten. Liegen die Inhalte direkt im Code, gibt es gar kein Redaktionssystem im Netz.
Ist Headless besser als WordPress?
Nicht grundsätzlich. Headless ist schneller, sicherer und braucht weniger Wartung, dafür baut jeden neuen Seitentyp ein Entwickler, und der Editor kann weniger. Pflegt dein Team täglich neue Layouts oder braucht es Plugins für Buchung, Mitgliederbereich oder Shop, ist WordPress meist die bessere Wahl. Wir bauen beides und sagen dir im Erstgespräch, was wir an deiner Stelle nehmen würden.
Kann mein Team die Inhalte selbst pflegen?
Ja, wenn ein Redaktionssystem dahintersteht. Bleibt WordPress die Redaktion, ändert sich für dein Team fast nichts: gleicher Editor, nur die Darstellung zieht um. Mit Storyblok bearbeitest du die Seite in einer Vorschau. Liegen die Inhalte im Code, pflegen wir sie, das lohnt sich bei Seiten, die sich selten ändern.
Was kostet eine Headless-Website?
Den Festpreis nennen wir nach dem Erstgespräch, er hängt vor allem an der Redaktion, der Zahl der Seitentypen und am Umzug. Am günstigsten ist eine schlanke Website ohne Redaktionssystem, mit WordPress oder Storyblok als Redaktion und mit Shop wird es mehr.
Wie läuft der Umzug von WordPress, ohne Rankings zu verlieren?
Jede alte Adresse bekommt eine Weiterleitung auf ihre neue Seite und wird nach dem Umzug einzeln geprüft: Kommt sie an, stimmt der Inhalt, sind Titel und Beschreibung da. Staufenwald kam von WordPress, dort waren es 105 alte Adressen; bei BILDFLUG leiten alle 66 alten Adressen weiter, geprüft mit und ohne www, über HTTP und HTTPS.
Hilft Headless bei Google und in KI-Antworten?
Es hilft, wenn es richtig gebaut ist: Next.js liefert den fertigen Text im HTML aus, Suchmaschinen und KI-Assistenten wie ChatGPT lesen ihn ohne JavaScript. Dazu kommen kurze Ladezeiten und saubere Weiterleitungen. Von selbst rankt eine Seite deshalb nicht; Inhalt und Verweise bleiben der Hebel.
Wer kümmert sich nach dem Start um die Seite?
Wir, wenn du willst: Updates der Abhängigkeiten, Backups, Überwachung und Änderungen, monatlich kündbar, ab 39 € im Monat. Weil keine Plugins im Netz laufen, ist die Wartung kleiner als bei WordPress, ganz weg ist sie nicht.
Wissen zum Thema Headless und Web-Apps.
Was eine Headless-Website kostet.
Die Redaktion
Ohne Redaktionssystem am günstigsten, mit WordPress als Quelle am vertrautesten, mit Storyblok am bequemsten für Teams, die viel in der Vorschau arbeiten.Die Seitentypen
Nicht die Zahl der Seiten treibt den Preis, sondern die der Vorlagen: Startseite, Leistung, Beitrag, Referenz. Jede braucht Entwurf, Bau und Prüfung.Umzug und Anbindungen
Weiterleitungen für jede alte Adresse, dazu Formulare, Shop oder Buchung.
Nicht das Richtige, wenn …
- dein Team jeden Tag neue Seitenlayouts selbst zusammenklicken will: Dafür ist WordPress mit einem Baukasten-Editor gemacht.
- du in zwei Wochen live sein musst: Ein sauberer Umzug mit geprüften Weiterleitungen braucht mehr Zeit.
Lass uns über deine Headless-Website reden.
Schick uns die Adresse deiner heutigen Seite oder ein paar Sätze zum Vorhaben. Du bekommst eine ehrliche Einschätzung, ob Headless zu dir passt.
Hans-Jörg und Pascal, Vater und Sohn. Du schreibst direkt an uns beide.
- Antwort werktags innerhalb von 24 Stunden, von einem Menschen
- Kostenloses Erstgespräch mit ehrlicher Einschätzung
- Festpreis-Angebot statt Stundenzettel
Lieber direkt sprechen? +49 177 423 2102Doch eher WordPress? WordPress-Entwicklung ansehen