Schema: Links ein Datenspeicher mit Inhalten, in der Mitte eine API als Schnittstelle, rechts vier getrennte Ausgabekanäle – Website, Handy-App, Verkaufsdisplay und Sprachassistent –, die alle dieselben Daten abrufen.

Headless-Architektur

Headless-Architektur bezeichnet den Aufbau einer Software, bei dem die Verwaltung der Inhalte und Daten strikt von deren Anzeige getrennt ist. Die Daten werden über eine definierte Schnittstelle bereitgestellt, und beliebig viele Websites, Apps oder Geräte holen sie sich dort ab.

Jede Website und jede App besteht im Kern aus zwei Teilen. Der eine Teil verwaltet die Inhalte: Texte, Preise, Bilder, Nutzerkonten. Der andere Teil zeigt diese Inhalte an, also das, was du auf dem Bildschirm siehst. Klassische Systeme verbinden beide Teile fest miteinander. Eine Headless-Architektur trennt sie: Der anzeigende Teil, im Englischen „head“ genannt, wird abgekoppelt. Übrig bleibt ein System, das Inhalte nur noch bereitstellt, ohne selbst zu bestimmen, wie sie aussehen.

Ein Inhalt, viele Bildschirme

Der Grund für diese Trennung ist die Zahl der Geräte. Vor zwanzig Jahren gab es die Website, fertig. Heute erreicht ein Unternehmen seine Kunden über die Website, eine Handy-App, eine Smartwatch, Verkaufsdisplays im Laden und Sprachassistenten. Ein fest verdrahtetes System müsste für jeden dieser Kanäle nachgebaut werden. Das kostet Zeit und führt dazu, dass Preise oder Texte an einer Stelle veraltet sind.

Bei einer Headless-Architektur pflegt die Redaktion einen Text genau einmal. Alle Kanäle holen sich denselben Inhalt und zeigen ihn auf ihre eigene Art. Ändert sich der Preis eines Produkts, ändert er sich überall gleichzeitig. Diese Eigenschaft nennt man Omnichannel: ein Datenbestand, viele Ausspielwege.

Dazu kommt ein praktischer Vorteil für die Entwicklung. Das Team für die Anzeige und das Team für die Daten können unabhängig voneinander arbeiten. Eine Website lässt sich komplett neu gestalten, ohne die dahinterliegende Datenverwaltung anzufassen. Große Online-Händler nutzen genau das, um ihre Oberfläche schneller umzubauen als die Konkurrenz.

Die Schnittstelle als Bindeglied

Die Verbindung zwischen beiden Hälften läuft über eine API. Das ist eine festgelegte Schnittstelle, über die ein Programm ein anderes um Daten bitten kann. Man kann sie sich als Bestellschalter vorstellen. Die App fragt: „Gib mir Produkt 4711“. Das System antwortet mit den reinen Daten: Name, Preis, Bildadresse, Beschreibungstext.

Wichtig ist, was in dieser Antwort nicht steht. Sie enthält keine Schriftgröße, keine Farbe, keine Anordnung. Die Antwort ist strukturierter Text, meist im Format JSON, das für Maschinen gut lesbar ist. Wie daraus eine Seite wird, entscheidet allein der abfragende Kanal. Die Handy-App baut daraus eine schmale Ansicht, die Website eine breite.

Diese Trennung hat auch Nachteile, die oft übersehen werden. Ein klassisches System liefert eine fertige Seite mit Vorschaufunktion mit. Bei Headless muss diese Anzeigeschicht erst gebaut werden, das ist zusätzliche Arbeit. Für eine kleine Vereinsseite lohnt sich der Aufwand nicht. Ein häufiger Irrtum ist außerdem, Headless sei automatisch schneller. Die Ladezeit hängt davon ab, wie gut die Schnittstelle und die Zwischenspeicher gebaut sind.

Von Online-Shops bis zu KI-Systemen

Am häufigsten trifft man den Begriff bei Redaktionssystemen und im Handel. Ein Headless CMS verwaltet Artikel und Bilder einer Nachrichtenseite, liefert sie aber nur als Daten aus. Headless Commerce macht dasselbe mit Warenkorb, Bestellung und Bezahlung. Anbieter wie Contentful, Strapi oder Shopify werben ausdrücklich mit diesem Ansatz.

In Meldungen über Software-Firmen taucht der Begriff meist als Verkaufsargument auf. Gemeint ist dann: Unser Produkt lässt sich in jede bestehende Umgebung einbauen. Für Investoren ist das relevant, weil solche Systeme leichter an andere Anbieter angebunden werden können. Das erhöht die Zahl möglicher Kunden.

Auch in der KI-Welt ist das Prinzip verbreitet, wenn auch selten unter diesem Namen. Ein Sprachmodell läuft auf einem Server und wird über eine Schnittstelle angesprochen. Ob die Antwort in einem Chatfenster, in einer Textverarbeitung oder in einem Kundenservice-Telefon landet, ist dem Modell gleichgültig. Verwandt ist der Begriff „headless“ in der Technik übrigens noch in einer zweiten Bedeutung: Ein Server ohne Bildschirm und Tastatur heißt ebenfalls headless.

Subscribe free. Unsubscribe the second it sucks.

High-signal news across AI, business, UX, and tech. Every morning.