Architektur & Engineering
CMS & DXP

Ein internationaler Rollout steht an: Neue Länderseiten, dazu eine App, Screens am POS und bald ein Sprachassistent. Mit einem klassischen CMS heißt das für jeden Kanal eigene Pflege, eigene Templates, eigene Abstimmungsrunden mit der IT. Eine Headless CMS Architektur geht den umgekehrten Weg. Sie trennt Inhalte von der Darstellung und spielt denselben Content über APIs auf jeden Kanal aus.
{{summary}}
Eine Headless CMS Architektur ist ein Content-Backend, das Inhalte über APIs bereitstellt, statt sie selbst darzustellen. Redaktionen pflegen Texte, Bilder und Videos an einer Stelle. Ausgespielt wird der Content auf Website, App, Signage oder Sprachassistent. Das verkürzt die Time-to-Market, weil alle Kanäle aus derselben Quelle bedient werden.
Ein Headless CMS ist ein Content Management System ohne eigenes Frontend. Es besteht aus einem Backend zur Inhaltspflege und APIs, die den Content ausliefern. Die Darstellung übernimmt ein separates, frei wählbares Frontend. Dadurch lässt sich derselbe Inhalt gleichzeitig auf mehreren Kanälen nutzen, ohne ihn mehrfach zu pflegen.
CMS steht für Content Management System und bezeichnet eine Software zur Verwaltung von Inhalten. Klassische Systeme koppeln dabei Backend und Frontend fest aneinander. Ein Headless CMS trennt beides. Wörtlich übersetzt wäre es ein „kopfloses“ CMS, treffender ist aber „Only CMS“, denn ein Headless CMS besitzt laut Definition kein Frontend.
Die Headless CMS Architektur besteht aus einem Backend und APIs, also Schnittstellen zu einem externen Frontend und zu Microservices. Das Backend wird damit zum Content Repository. Content Managerinnen und Content Manager erstellen dort Texte, Bilder und Videos und veröffentlichen sie auf allen Kanälen. Darin unterscheidet sich die Headless Architektur vom traditionellen CMS.
Inhalte entstehen medienneutral und lassen sich für jeden Kanal wiederverwenden. Besonders Omnichannel- und Multichannel-Anbieter profitieren davon: von der eigenen Website über Apps bis zum Sprachassistenten. Die Redaktion legt Inhalte einmal im Repository an. Die API spielt sie an alle Kanäle aus.
Eine Headless CMS Architektur besteht aus vier Bausteinen: Backend und API bilden den Kern. Über Integrationen kommen Daten aus anderen Systemen hinzu. Das Frontend rendert die Inhalte für den jeweiligen Kanal. Microservices erweitern das System um zusätzliche Funktionen. Alle Teile kommunizieren über Schnittstellen miteinander.
Die beiden Hauptbestandteile sind Backend und API. Wie bei klassischen Systemen loggt sich die Redaktion im Backend ein und pflegt dort Texte, Bilder oder Videos. Der Unterschied: Inhalte werden strukturiert und formneutral gespeichert. Über definierte Content-Typen bleibt die Verwaltung übersichtlich. Ihr Layout erhalten die Inhalte erst im Frontend. Das erleichtert die Anpassung an unterschiedliche Touchpoints.
Die APIs verbinden Backend und Frontend und spielen die Inhalte aus. REST-APIs und GraphQL-APIs folgen festen Standards. Dadurch sind sie vielseitig einsetzbar und können Daten sowohl ausliefern als auch auslesen. So kommunizieren unterschiedliche Systeme zuverlässig miteinander.
Im E-Commerce reichen Text-, Bild- und Videodateien oft nicht aus. Onlineshops brauchen zusätzlich Produkt- oder Kundendaten. Für deren Verwaltung ist das CMS-Backend nicht gedacht. Über eine API lassen sich diese Daten trotzdem einbinden. Entweder verknüpft die Schnittstelle das Fremdsystem direkt mit dem Headless CMS, sodass sich Produktdaten mit Content anreichern lassen. Oder die Daten laufen erst im Frontend zusammen. Beide Wege sind offen.
Ein Frontend kann vieles sein: Website, Social Media, Smart Speaker oder VR-Brille. Die Inhalte aus dem Backend werden für das jeweilige Frontend gerendert und dort ausgegeben. Layouts, Templates und Themes entstehen unabhängig vom CMS. Dabei kommen unterschiedliche Programmiersprachen und Technologien zum Einsatz. JavaScript-Frameworks sind hier besonders beliebt.
Ein Frontend besteht aus leeren Containern, die Platz für den Content bieten. Diese Inhalte bezieht es über die API aus dem Headless CMS. Anschließend stellt es sie dar. Das gilt für alle Datentypen, von Text über Bilder bis Video.
Ein großer Vorteil des Headless CMS ist die Erweiterung durch zusätzliche Services. Fehlt eine Funktion, lässt sie sich als Microservice einbinden. Auch das läuft über eine API. Für die Redaktion fügt sich der Dienst so ins CMS ein, dass sie den Eindruck einer einzigen Software hat. Typische Beispiele sind Geocoding, Übersetzung oder Kontextdaten wie Wetter und Kundenstatus.
Wer E-Commerce-Funktionen erweitern will, fährt mit einem Headless CMS gut. commercetools, BigCommerce oder SAP verbinden sich über die API. Auch andere Einsatzzwecke sind möglich: die Inhalte eines Intranets, die Konfiguration von Sprachassistenten oder Smarthome-Anwendungen.
Ein Hybrid Headless CMS verbindet die API-Ausspielung eines Headless-Systems mit den vertrauten Redaktionswerkzeugen klassischer CMS. Dazu gehören WYSIWYG-Editoren und eine Live-Vorschau. So können Teams das erste Frontend ohne separaten Betrieb aufbauen und trotzdem für weitere Kanäle vorbauen. Es ist die Übergangsform zwischen beiden Welten.
Ein reines Headless CMS bringt auch Nachteile mit. Ohne separate Entwicklung fehlt eine Vorschau, was die Author Experience einschränkt. Und jedes Frontend muss eigenständig betrieben werden. Wenn zunächst nur die Website als Kanal ansteht, wirkt das komplexer als nötig. Das Hybrid Headless CMS schließt diese Lücke.
Der Ansatz koppelt Front- und Backend, stellt aber ein Frontendsystem bereit. Einige Anbieter nennen das auch decoupled CMS. Streng genommen ist es kein reines Headless System, weil der Anbieter das Frontend liefert.
Viele Unternehmen wählen diese Mischform, wenn sie noch unsicher sind, ob ein reiner Headless-Ansatz zu ihnen passt. Vor allem Experience- und Content-Teams schätzen die vertraute Oberfläche. Während Contentful und Storyblok primär headless arbeiten, bieten CoreMedia und das Magnolia Headless CMS die Mischform an. Bitgrip setzt alle drei Systeme in Projekten ein, als Magnolia Gold-Partner, CoreMedia Platinum-Partner und Storyblok Solution Partner. Das erleichtert den Umstieg von einem traditionellen CMS. Aus unseren Projekten wissen wir: Für interne Seiten mit Vorschaubedarf ist der Hybrid-Weg oft der pragmatischere Start. Auf lange Sicht bleibt das reine Headless CMS aber die flexiblere Basis für viele Kanäle.

Headless und traditionelles CMS unterscheiden sich vor allem in der Kopplung von Backend und Frontend. Ein traditionelles CMS liefert beides aus einer Hand und ist schnell startklar. Ein Headless CMS trennt die Ebenen und gewinnt dadurch an Flexibilität und Reichweite über viele Kanäle. Die folgende Tabelle stellt beide gegenüber.
Der Umstieg lohnt sich ab drei und mehr Kanälen sowie bei internationaler Ausrichtung. Bis zu zwei Kanäle lassen sich mit einem traditionellen CMS gut pflegen. Kommen Social Media, POS-Screens oder Apps hinzu, steigt der Aufwand stark. Dann spielt ein Headless CMS seine Stärken aus: ein Repository, viele Kanäle, weniger Doppelarbeit.
Läuft dein CMS seit Jahren, stellt sich die Frage nach dem Aufwand. Ein Umstieg bedeutet eine Investition sowie eine Entwicklungs- und Einarbeitungsphase. Deshalb solltest du ein paar Punkte prüfen, bevor du entscheidest.
Bis zu zwei Kanäle, etwa Website und App, deckt ein traditionelles CMS gut ab. Kommen weitere Kanäle hinzu, wird ein Headless CMS empfehlenswert. Das System dient dann als Content Repository. Die Redaktion pflegt Inhalte einmal und teilt sie auf allen Kanälen. Das spart Zeit, erhöht die Wiederverwendbarkeit und stärkt die Markenidentität, weil Inhalte über alle Touchpoints wiedererkennbar bleiben.
Die Unternehmensgröße spielt dabei kaum eine Rolle. Entscheidend ist die Internationalität. Wer viele Länderseiten oder Microsites betreut, vereinfacht die Content-Erstellung mit einem Headless CMS deutlich. In unseren B2B-Projekten sehen wir das immer wieder: Länderorganisationen wollen eigenständig arbeiten, ohne bei jeder Änderung auf die zentrale IT zu warten. Für die KSB Group hat Bitgrip über 70 Länder-Websites in 37 Sprachversionen auf einer zentralen Headless-Plattform gebündelt. Im Projektzeitraum 2020 bis 2025 wuchs der Auftragseingang um über 90 Prozent.
Nicht nur das Marketing profitiert, auch die IT- und Entwickler-Teams. Weil Inhalt und Technik entkoppelt sind, lassen sich Websites und Apps bearbeiten, ohne die Inhalte anzufassen. Dabei kommen gängige JavaScript-Frameworks zum Einsatz. Auch statische Site-Generatoren wie Astro, Next.js oder Gatsby sind möglich. Für mobile Apps gilt dasselbe.
Ob klassisches DXP, reines Headless oder Composable nach MACH: Die passende Architektur hängt von Kanalanzahl, Team-Setup und bestehender Systemlandschaft ab. Ein klassisches DXP ist schnell startklar, aber weniger flexibel. Headless bietet maximale Freiheit über viele Kanäle. Composable kombiniert mehrere Best-of-Breed-Systeme wie CMS, PIM, DAM und Shop über APIs. Wer vor dieser Make-or-Buy-Entscheidung steht, klärt sie am besten früh und technologieoffen, idealerweise mit einem Partner, der alle drei Wege aus der Praxis kennt.
Headless wird 2026 zur Basis-Infrastruktur für Content. Drei Entwicklungen prägen die Auswahl: Composable Architektur nach MACH, AI-native Workflows und visuelle Editoren.
Composable statt monolithisch. Der Markt bewegt sich klar in Richtung MACH: Microservices, API-first, Cloud-native, Headless. Viele Teams setzen mehrere CMS parallel ein und suchen nach Konsolidierung über eine unified Headless-Lösung. Composable ist damit vom Konzept zum praktischen Standard geworden.
AI-native Workflows. Content-Erstellung, automatisches Tagging, Personalisierung und SEO-Unterstützung wandern direkt in die Plattform. AI wird bei führenden Systemen zum Teil der Arbeitsinfrastruktur. Dazu kommt die Anbindung von KI-Agenten an die Inhalte, etwa über MCP-Schnittstellen.
Sichtbarkeit für KI-Antworten. Strukturierter Content in einem Headless-Repository zahlt direkt auf Generative Engine Optimization ein. Wer Inhalte als saubere, strukturierte Daten pflegt, liefert die „single source of truth“, aus der sowohl klassische Kanäle als auch KI-Systeme schöpfen.
Visuelle Editoren. Der klassische Einwand gegen Headless, dass Redaktionen ihre Seite nicht sehen, ist weitgehend gelöst. Echtzeit-Vorschau und Drag-and-drop gehören inzwischen zum Standard führender Plattformen.
Kundenanforderungen ändern sich schnell, Unternehmen müssen mithalten. Mit dem Magnolia Headless CMS lässt sich ein digitales Angebot in rund vier Wochen veröffentlichen. Voraussetzung: Content und CMS stehen bereit, dazu ein eingespieltes Marketing-Team und ein schlanker Technologie-Stack.
So gehen Microsites und Landingpages in kurzer Zeit live. Weil Entwicklerteams keine großen Anpassungen brauchen und nach internen Prioritäten arbeiten, bleiben Unternehmen flexibel. Teams arbeiten unabhängig voneinander, ohne aufwendige Abstimmung mit der zentralen IT. Gerade international können Länderorganisationen eigenständig mit Partnern vor Ort agieren.
Ein Beispiel aus der Praxis: Beim Greenfield-Relaunch der JobRad-Plattform auf Magnolia mit React/Next.js-Frontend haben wir den Zeitaufwand für die Content-Erstellung um 50 Prozent gesenkt. Die Plattform erreicht einen Google-Lighthouse-Score von 100/100 bei doppelt so schnellem Seitenaufbau.
Wer Kunden über alle Kanäle mit passenden Inhalten erreichen will, profitiert von einer modernen Headless CMS Architektur. Die Trennung von Backend und Frontend senkt die technische Abhängigkeit und macht Omnichannel für Content- und Experience-Teams einfach. Das verkürzt die Time-to-Market, weil alle Kanäle aus einer Quelle laufen. 2026 kommen MACH, AI-native Workflows und visuelle Editoren als Auswahlkriterien hinzu.
CMS steht für Content Management System, eine Software zur Verwaltung und Veröffentlichung von Inhalten. Ein traditionelles CMS besteht aus einem Backend zur Datenpflege und einem Frontend, das die Inhalte für Nutzer darstellt.
Ein Headless CMS besitzt kein eigenes Frontend. Das Backend wird zum Content Repository. Die Inhalte werden über APIs an verschiedene Touchpoints ausgeliefert. So lassen sich Inhalte medienneutral pflegen und über alle Kanäle ausspielen.
Eine Headless Architektur besteht aus Backend und APIs. Bei Bedarf lassen sich Microservices einbinden, um Zusatzfunktionen bereitzustellen. Das Frontend ist frei wählbar und über die Schnittstellen angebunden.
Ein Hybrid Headless CMS verbindet die API-Ausspielung eines Headless-Systems mit vertrauten Redaktionswerkzeugen wie WYSIWYG-Editor und Live-Vorschau. Es ist die Übergangsform zwischen traditionellem und reinem Headless CMS und erleichtert den Umstieg.
Der Umstieg lohnt sich, sobald mehrere Kanäle gepflegt werden sollen, weil der Aufwand mit einem traditionellen CMS sonst zu groß wird. Auch internationale Unternehmen mit vielen Länderseiten profitieren deutlich.
Composable Architektur nach MACH, AI-native Workflows und visuelle Editoren sind 2026 die zentralen Auswahlkriterien. Plattformen konkurrieren zunehmend über KI-Reife und die Anbindung von KI-Agenten, nicht mehr nur über die reine Headless-Funktion.
Relaunch der Website für UNICEF Deutschland
Gemeinsam mit UNICEF Deutschland entwickeln wir die Website komplett neu. Der Schwerpunkt liegt auf einem umfangreichen technologischen und architektonischen Relaunch von Back- und Frontend.
