Was ist ein Headless CMS?

Headless CMS: Definition

Bei einem klassischen CMS gehören Inhaltsverwaltung und Website-Darstellung fest zusammen. Ein Headless CMS trennt beides: Der „Kopf“ – also das Frontend – fehlt. Übrig bleibt ein Inhalts-Backend, das Texte, Bilder und Produktdaten strukturiert speichert und über Schnittstellen bereitstellt.

Wie die Inhalte später aussehen, entscheidet das jeweilige Frontend. Das kann eine Website mit React oder Vue sein, eine App oder ein ganz anderes System. Bekannte Lösungen sind etwa Strapi, Directus, Storyblok, Contentful oder Sanity; auch WordPress lässt sich headless betreiben.

So funktioniert ein Headless CMS

Redakteure pflegen Inhalte in strukturierten Feldern – zum Beispiel Überschrift, Teaser, Bild oder Produktnummer. Die Inhalte werden nicht als fertige Seite gespeichert, sondern als Daten. Frontends rufen sie per REST- oder GraphQL-API ab und stellen sie passend zum jeweiligen Kanal dar.

Weil Inhalte als strukturierte Daten vorliegen, lassen sie sich auch automatisiert weiterverarbeiten – etwa für Produktfeeds, Übersetzungen oder die Ausgabe in einem KI-Chatbot.

• Content-Modell: definiert Inhaltstypen und Felder
• API: liefert Inhalte an alle angebundenen Kanäle
• Frontend: frei wählbar, z. B. Next.js, Nuxt oder eine App
• Webhooks: lösen bei Änderungen eine Neuerstellung der Seiten aus

Vorteile und Grenzen eines Headless CMS

Inhalte werden einmal gepflegt und überall genutzt. Das Frontend lässt sich unabhängig modernisieren, und statisch erzeugte Seiten laden sehr schnell. Weil die Verwaltung nicht direkt mit der öffentlichen Website verbunden ist, sinkt zudem die Angriffsfläche.

Dafür ist der Entwicklungsaufwand höher: Ein Frontend muss individuell gebaut werden, und eine echte Vorschau im Seitenlayout ist je nach System nur eingeschränkt oder mit Zusatzaufwand möglich. Für eine kleine Unternehmenswebsite ist ein klassisches CMS oft wirtschaftlicher.

• Ein Inhaltsbestand für Website, App und weitere Kanäle
• Freie Technologiewahl im Frontend
• Sehr gute Ladezeiten möglich
• Höherer Anfangsaufwand als bei klassischen Systemen

Praxisbeispiel: Wann sich Headless lohnt

Ein Hersteller pflegt Produkttexte, Datenblätter und Anleitungen für Website, Händlerportal und Service-App. Bisher wurden sie dreifach gepflegt – mit entsprechenden Abweichungen. Mit einem Headless CMS liegen alle Inhalte an einer Stelle, jeder Kanal ruft sie per API ab, und Änderungen sind sofort überall aktuell.

Headless lohnt sich vor allem bei mehreren Ausgabekanälen, hohen Performance-Anforderungen oder großen Mengen mehrsprachiger Inhalte. Nano Concepts konzipiert Content-Modelle, richtet Headless-Systeme ein und entwickelt die passenden Frontends.