Headless CMS
Ein Headless CMS ist ein Content-Management-System, das die Verwaltung der Inhalte vom Frontend trennt und Inhalte per API an beliebige Kanäle ausliefert.
Ein Headless CMS ist ein Content-Management-System, das nur die Verwaltung von Inhalten übernimmt und kein fest verbundenes Frontend mitbringt. "Headless" ("ohne Kopf") bedeutet, dass das Backend, in dem du Inhalte pflegst, von der Darstellung im Browser (dem "Head") getrennt ist. Die Inhalte liegen strukturiert in einer Datenbank und werden über eine API (meist REST oder GraphQL) an beliebige Frontends ausgeliefert. Klassische Systeme wie WordPress liefern Inhalt und Design dagegen gemeinsam als fertige HTML-Seite aus.
Warum es wichtig ist
Die Trennung gibt dir viel Freiheit beim Frontend. Entwickler bauen die Website mit modernen Frameworks wie Next.js, Nuxt oder Astro und holen die Inhalte per API. Das bringt mehrere Vorteile:
- Performance: Statisch erzeugte oder serverseitig gerenderte Seiten laden schneller. Das wirkt sich auf die Core Web Vitals und die Rankings aus.
- Flexibilität: Dieselben Inhalte versorgen Website, App, Newsletter oder Bildschirme im Laden. Du pflegst sie einmal und spielst sie überall aus.
- Sicherheit: Da kein öffentliches Admin-Backend am Frontend hängt, ist die Angriffsfläche kleiner als bei einem klassischen Setup.
Im Gegenzug braucht es Entwicklungswissen. Ein Headless-Setup ist kein Baukasten, das Frontend muss programmiert werden.
Wie es in der Praxis funktioniert
Du pflegst einen Blogbeitrag im CMS. Das System speichert Titel, Text und Bilder als strukturierte Daten und stellt sie über einen API-Endpunkt bereit, etwa:
GET https://cms.example.ch/api/posts/headless-cms
Das Frontend ruft diese Daten ab und erzeugt daraus die fertige Seite. Im HTML steht dann zum Beispiel ein sauberes <article> mit dem Inhalt, ohne dass CMS und Darstellung technisch fest verbunden sind.
Verbreitete Headless-CMS sind Sanity, Contentful, Strapi, Storyblok und Directus. Auch WordPress lässt sich über die REST-API headless betreiben. Wer ganz ohne CMS arbeitet und die Inhalte direkt im Code ablegt, spart die API-Schicht. Dafür können Personen ohne Programmierkenntnisse die Inhalte nicht mehr selbst pflegen.
Praxis-Bezug für Schweizer KMU
Für viele KMU mit einer überschaubaren Website genügt ein klassisches CMS oder eine schlanke, codebasierte Lösung, und der Unterhalt ist günstiger. Ein Headless CMS lohnt sich, wenn du mehrere Kanäle bespielst, ein Team regelmässig Inhalte pflegt und kurze Ladezeiten besonders wichtig sind. Webtree baut Websites mit Next.js und einem CMS, in dem du deine Inhalte selbst pflegst.
Häufige Fragen
Klassisches WordPress liefert Inhalt und Design als fertige Seite aus einem System. Ein Headless CMS verwaltet nur die Inhalte und stellt sie über eine API bereit. Das Frontend wird separat mit einem Framework wie Next.js gebaut. WordPress lässt sich über seine REST-API aber auch headless betreiben.
Vor allem für Projekte, die mehrere Kanäle bespielen (Website, App, Newsletter), in denen ein Team regelmässig Inhalte pflegt oder in denen kurze Ladezeiten besonders wichtig sind. Für eine einfache KMU-Website ist ein klassisches CMS oft günstiger und ausreichend.
Indirekt ja. Durch statisches oder serverseitiges Rendering im Frontend lassen sich sehr schnelle Seiten und gute Core Web Vitals erreichen, was Rankings begünstigt. Entscheidend bleibt aber die saubere technische Umsetzung des Frontends, nicht das CMS allein.
Passende Leistungen