Die Headless-Architektur ist eine Bauweise, bei der das Backend Inhalte und Daten nur über eine Schnittstelle liefert. Die Darstellung übernimmt eine eigenständige Anwendung, eine Website, eine App oder beides.
- Headless-Architektur
Eine Architektur, die Datenhaltung und Darstellung trennt und beide nur über eine Programmierschnittstelle verbindet.
Beispiel: „In der Headless-Architektur des Händlers holen Website und App die Produktdaten aus demselben Shop-Backend.“Verwandt: Headless, ein CMS ohne eigene Ausgabeschicht, die häufigste Form dieser Bauweise.
Wie eine Headless-Architektur aufgebaut ist
Hinten steht ein CMS, ein Shop oder eine eigene Anwendung, die Daten über eine REST- oder GraphQL-Schnittstelle anbietet. Vorne steht ein Frontend, oft mit Next.js, Nuxt oder Astro gebaut, das diese Daten abruft und daraus Seiten erzeugt.
Beide Teile werden getrennt entwickelt, ausgeliefert und betrieben, oft bei verschiedenen Anbietern.
Was für eine Headless-Architektur spricht
Dieselben Inhalte erscheinen auf mehreren Kanälen, ohne doppelt gepflegt zu werden. Das Frontend lässt sich frei gestalten und austauschen, ohne das Backend anzufassen.
Für große Unternehmen mit Website, Apps, Terminals im Laden und Partnerportalen ist das ein echter Gewinn.
Was eine Headless-Architektur kostet
Zwei Systeme statt eines. Vorschau, Formulare, Suche, Weiterleitungen und SEO-Felder, die ein klassisches CMS mitbringt, müssen im Frontend neu gebaut werden, und jede Änderung betrifft womöglich beide Seiten.
Für eine Unternehmenswebsite mit einem Kanal ist ein klassisches CMS fast immer günstiger. Statamic etwa kann beides: Seiten selbst ausliefern und Inhalte über eine Schnittstelle bereitstellen, wenn später eine App dazukommt.