Spezialisierung · Headless CMS

Headless WordPress: vertraute Redaktion, moderne Website mit Next.js

Ihr Team pflegt Inhalte weiter im gewohnten WordPress, Besucher sehen eine schnelle Website, die mit Next.js ausgeliefert wird. Wir trennen beides sauber, übernehmen Ihre Inhalte und richten Vorschau, Hosting und Absicherung ein.

Erstgespräch kostenlosAngebot transparent, gern FestpreisBereich Headless CMS
Beitragsbild: Headless WordPress
Kurz & klar

Headless WordPress heißt: WordPress dient nur noch als Redaktionssystem und stellt Inhalte über die REST API oder WPGraphQL bereit, während ein separates Frontend, meist mit Next.js, die Website ausliefert. Das verbindet die gewohnte Redaktion mit schnellen Ladezeiten und einer kleineren Angriffsfläche. Kompakte Websites sind bei Nano Concepts im Paket Starter ab 2.500 € möglich, umfangreichere meist im Paket Professional ab 8.000 €; das genaue Angebot folgt nach dem kostenlosen Erstgespräch.

Headless WordPress mit Nano Concepts

Headless WordPress ist die Lösung für Unternehmen, deren Redaktion gut mit WordPress zurechtkommt, deren Website aber zu langsam, zu anfällig oder gestalterisch ausgereizt ist. WordPress bleibt dabei das Headless CMS: Ihr Team schreibt Beiträge, pflegt Seiten und lädt Bilder hoch wie gewohnt. Die öffentliche Website liefert dagegen ein eigenes Frontend aus, das die Inhalte über die REST API oder WPGraphQL abruft – bei uns meist umgesetzt als Headless WordPress mit Next.js.

Für Besucher bedeutet das schnelle, vorab erzeugte Seiten, die über ein CDN ausgeliefert werden. Für Ihre IT bedeutet es eine kleinere Angriffsfläche, weil das WordPress-Backend nicht mehr selbst die öffentliche Website ist und sich zusätzlich abschirmen lässt. Änderungen erscheinen trotzdem zeitnah: Beim Speichern in WordPress löst ein Webhook die Aktualisierung der betroffenen Seiten aus, und eine Vorschau zeigt Entwürfe vor der Veröffentlichung im echten Layout. Interaktive Elemente wie Formulare, Suche oder Mitgliederbereiche binden wir über eigene Schnittstellen an.

Wichtig ist eine ehrliche Bestandsaufnahme vorab. Page-Builder wie Elementor und viele Plugins, die Inhalte direkt im Theme ausgeben, funktionieren headless nicht. Wir prüfen deshalb, wie Formulare, SEO-Daten, mehrsprachige Inhalte oder ein WooCommerce-Shop übertragen werden, und modellieren Inhalte mit Advanced Custom Fields oder Gutenberg-Blöcken neu. Weiterleitungen für geänderte URLs und die Übernahme bestehender Inhalte gehören ebenfalls dazu, damit vorhandene Links weiter funktionieren. Das Design entsteht mit LOMA DESIGN, damit die neue Website nicht nur schneller, sondern auch sichtbar besser wird.

Typische Anzeichen, dass sich Headless WordPress lohnt

  • Ihre WordPress-Website ist durch Page-Builder und viele Plugins langsam geworden, und weitere Optimierungen bringen kaum noch etwas.
  • Ihr Team möchte WordPress als Redaktion unbedingt behalten, ein Systemwechsel kommt nicht infrage.
  • Sicherheitsupdates und Plugin-Konflikte verursachen regelmäßig Ausfälle oder Notfalleinsätze.
  • Inhalte sollen neben der Website auch in einer App, einem Portal oder auf Microsites erscheinen.
  • Ihr neues Design lässt sich mit dem bestehenden Theme nur mit deutlichen Kompromissen umsetzen.
Leistungsumfang

Was wir für Sie umsetzen

WordPress bleibt Ihre Redaktion, Next.js liefert die Website aus – schnell, abgesichert und frei gestaltbar.

Headless-Check Ihrer WordPress-Seite

Wir analysieren Plugins, Page-Builder, Inhaltstypen und Formulare und zeigen, was headless übernommen, ersetzt oder vereinfacht wird.

Content-Modell & API

Inhalte strukturieren wir mit Advanced Custom Fields oder Gutenberg-Blöcken und stellen sie über WPGraphQL oder die REST API bereit.

Next.js-Frontend

Ein individuell gestaltetes Frontend mit React und Next.js, das Seiten statisch oder serverseitig erzeugt und bei Änderungen gezielt aktualisiert.

Redaktionsvorschau & Webhooks

Entwürfe lassen sich vor der Veröffentlichung im echten Layout ansehen, gespeicherte Änderungen aktualisieren die betroffenen Seiten automatisch.

SEO-Daten, Formulare & Sprachen

Titel, Descriptions und strukturierte Daten aus dem SEO-Plugin, Formulare und Sprachversionen werden im Frontend vollständig abgebildet.

Hosting & Absicherung

Getrenntes Hosting für Redaktion und Frontend, abgeschirmtes WordPress-Backend auf Wunsch in deutschen Rechenzentren und automatisierte Deployments.

Ihre Vorteile

Warum Unternehmen auf uns setzen

Redaktion ohne Umlernen

Ihr Team arbeitet weiter im vertrauten WordPress-Backend – Schulungsaufwand und Widerstände bei der Einführung bleiben gering.

Schnelle Seiten ohne Plugin-Ballast

Besucher erhalten vorab erzeugte Seiten statt dynamisch zusammengesetzter Plugin-Ausgaben – eine gute Basis für kurze Ladezeiten auf jedem Gerät.

Weniger Angriffsfläche

Das WordPress-Backend ist nicht mehr die öffentliche Website und lässt sich zusätzlich abschirmen, etwa über eine eigene Subdomain mit Zugriffsbeschränkung.

Inhalte für mehrere Kanäle

Dieselben Inhalte speisen Website, App oder Microsites, ohne dass sie doppelt gepflegt werden müssen.

Einsatzbeispiele

Headless WordPress in Ihrer Branche

So sieht Headless WordPress in typischen Branchen aus – konkrete Beispiele aus dem Unternehmensalltag.

Industrie & Fertigung

Ein Maschinenbauer pflegt Produktseiten und technische Datenblätter in WordPress und spielt sie gleichzeitig auf Website und Händlerportal aus.

Mehr erfahren

Handel & E-Commerce

Ein Händler kombiniert Magazin und Markenwelt aus WordPress mit Produktdaten aus seinem Shop in einem gemeinsamen Next.js-Frontend.

Mehr erfahren

Logistik

Ein Logistikdienstleister pflegt Seiten für viele Standorte zentral in WordPress, während das Frontend sie schnell und einheitlich ausliefert.

Mehr erfahren

Gesundheit & Pflege

Eine Klinikgruppe lässt Fachabteilungen Inhalte in WordPress pflegen, während das Backend selbst nur aus dem internen Netz erreichbar ist.

Mehr erfahren

Immobilien

Ein Projektentwickler veröffentlicht Neubauprojekte mit Grundrissen und Galerien aus WordPress, ergänzt um Objektdaten aus seinem CRM.

Mehr erfahren

Finanzen & Versicherungen

Ein Finanzportal mit vielen Ratgeberartikeln wechselt auf Headless WordPress, um Rechner und Vergleiche als schnelle Frontend-Komponenten einzubinden.

Mehr erfahren

Dienstleistung & Beratung

Eine Kanzlei behält WordPress für Fachbeiträge und Stellenanzeigen, während die Website selbst schlank mit Next.js ausgeliefert wird.

Mehr erfahren

Handwerk

Ein Handwerksbetrieb pflegt Referenzen und Stellenangebote weiter in WordPress, das neue Frontend lädt ohne den bisherigen Page-Builder.

Mehr erfahren

Startups

Ein Startup nutzt WordPress als Headless CMS für Marketingseiten und Blog und teilt Design-Komponenten mit seiner Web-App.

Mehr erfahren

Bildung & Forschung

Ein Bildungsträger bündelt Kursbeschreibungen in WordPress und zeigt sie gleichzeitig auf Website und Lernplattform an.

Mehr erfahren

Tourismus & Gastronomie

Eine Tourismusregion lässt Redaktion und Gastgeber Veranstaltungen in WordPress pflegen und liefert sie mehrsprachig über ein schnelles Frontend aus.

Mehr erfahren

Medien & Kreativwirtschaft

Ein Online-Magazin mit großem Artikelarchiv behält seine WordPress-Redaktion und aktualisiert im Next.js-Frontend gezielt nur geänderte Artikel.

Mehr erfahren
Ablauf

So läuft Ihr Projekt ab

  1. BestandsaufnahmeWir prüfen Inhalte, Plugins, Formulare und Integrationen Ihrer WordPress-Website und definieren, was headless umgesetzt wird.
  2. Content-Modell & DesignInhaltstypen und Felder werden neu strukturiert, parallel gestaltet LOMA DESIGN das Frontend.
  3. Frontend-EntwicklungWir entwickeln das Next.js-Frontend, binden WordPress über die API an und richten Vorschau und Webhooks ein.
  4. Inhaltsübernahme & TestsBestehende Inhalte werden übernommen, Weiterleitungen angelegt und Redaktion, Formulare und Ladezeiten getestet.
  5. Umstellung & EinweisungNach der Umstellung weisen wir Ihr Team in Vorschau und neue Blöcke ein und betreuen die Website auf Wunsch weiter.

Technologien & Werkzeuge

WordPressWPGraphQLWordPress REST APIAdvanced Custom FieldsNext.jsReactTypeScriptVercelDocker
FAQ

Häufige Fragen zu Headless WordPress

Bei Headless WordPress dient WordPress nur noch als Backend zur Inhaltspflege. Die Inhalte werden über die REST API oder WPGraphQL abgerufen und von einem eigenen Frontend, etwa mit Next.js, als Website ausgeliefert. Die Redaktion bleibt vertraut, die Darstellung wird unabhängig vom Theme.

Eine kompakte Unternehmenswebsite mit wenigen Inhaltstypen kann im Paket Starter ab 2.500 € beginnen. Projekte mit vielen Inhaltstypen, Mehrsprachigkeit oder Shop-Anbindung liegen meist im Paket Professional ab 8.000 €, große Portale kalkulieren wir als Enterprise individuell. Das genaue Angebot erhalten Sie nach dem kostenlosen Erstgespräch.

Next.js ruft die Inhalte aus WordPress über die API ab und erzeugt daraus Seiten, die vorab gebaut oder serverseitig gerendert werden. Speichert die Redaktion eine Änderung, sorgt ein Webhook dafür, dass nur die betroffenen Seiten neu erzeugt werden. Eine Vorschaufunktion zeigt Entwürfe vor der Veröffentlichung im echten Design.

Plugins, die im Backend arbeiten – etwa für Felder, Übersetzungen oder SEO-Daten –, lassen sich meist weiter nutzen, wenn sie ihre Daten über die API bereitstellen. Page-Builder und Plugins, die Inhalte direkt im Theme ausgeben, funktionieren dagegen nicht und werden durch Frontend-Komponenten ersetzt. Welche Plugins das bei Ihnen betrifft, klärt unser Headless-Check.

Redaktion und Frontend laufen getrennt: WordPress auf einem klassischen Server, auf Wunsch in deutschen Rechenzentren, das Frontend auf einer Plattform wie Vercel oder auf einem eigenen Node.js-Server. Wir empfehlen die Kombination nach Ihren Anforderungen an Datenschutz, Kosten und Betrieb und dokumentieren, welcher Dienst welche Daten verarbeitet.

Für eine Unternehmenswebsite planen wir in der Regel einige Wochen, je nach Zahl der Inhaltstypen und Sonderfunktionen. Ihre Redaktion arbeitet währenddessen normal weiter, weil die Inhalte in WordPress bleiben. Den genauen Zeitplan erhalten Sie nach der Bestandsaufnahme.

Standorte

Headless WordPress in Ihrer Stadt

Wir betreuen Unternehmen in ganz Deutschland – remote und bei Bedarf vor Ort. Wählen Sie Ihre Stadt:

Passend dazu

Verwandte Leistungen

Digital-Lexikon

Begriffe rund um Headless WordPress kurz erklärt

Magazin

Weiterlesen