Headless TYPO3 Ein Inhalt. Jeder Kanal.
Mit Headless TYPO3 pflegen Sie Inhalte wie gewohnt im TYPO3-Backend. Ausgeliefert werden sie als JSON – an Ihre Website, Ihre App, Ihren Shop, an Bildschirme und KI-Assistenten. Das Frontend ist frei, das CMS bleibt bewährt.
In Zahlen
Headless TYPO3 auf einen Blick.
- 1
Backend für alle Kanäle: Website, App, Shop und KI-Assistenten lesen aus derselben Quelle.
- { }
JSON statt fertigem HTML. TYPO3 liefert Inhalt mit Bedeutung, die Darstellung macht das Frontend.
- 0
Umstellung für Ihre Redaktion: Das TYPO3-Backend bleibt, wie es ist.
- 14
TYPO3 14 LTS als Fundament, mit kostenlosen Updates bis Mitte 2029.
Prinzip
Was ist Headless TYPO3?
Headless TYPO3 heisst: TYPO3 verwaltet die Inhalte, zeigt sie aber nicht selbst an. Statt fertiger HTML-Seiten liefert TYPO3 strukturierte Daten als JSON über eine Schnittstelle (API). Ein eigenständiges Frontend – oder mehrere – holt diese Daten und stellt sie dar. Bei einer klassischen Website erzeugt TYPO3 Inhalt und Darstellung; headless trennt beides.
- Backend
- TYPO3, aktuell Version 14 LTS
- Schnittstelle
- JSON-API direkt aus TYPO3
- Frontend
- Nuxt, Next.js, Astro, eine App oder statisch
- Betrieb
- Statisch, mit Server-Rendering oder beides
So funktioniert Headless TYPO3
Pflegen
Die Redaktion arbeitet im gewohnten TYPO3-Backend: Seiten, Inhaltselemente, Bilder, Rechte und Workflows bleiben, wie sie sind.
Ausliefern
TYPO3 gibt jede Seite als strukturiertes JSON aus. Keine Vorlage, kein HTML – nur Inhalt mit klarer Bedeutung.
Darstellen
Ein eigenes Frontend, etwa mit Nuxt, Next.js oder Astro, holt die Daten und rendert sie. Apps, Shops und Agenten lesen dieselbe Quelle.
Veröffentlichen
Ein Klick im Cache-Menü des TYPO3-Backends erzeugt die Seiten neu – direkt auf dem Server, ohne Drittanbieter.
Live-Demo
Einmal ändern. Überall aktuell.
Links das TYPO3-Backend, in der Mitte die API, rechts vier Kanäle. Ändern Sie Titel, Datum oder Text – alle Kanäle ziehen sofort nach.
Seite «Agenda» › Inhaltselement «Termin» bearbeiten
Änderungen werden sofort ausgeliefert
GET /agenda/tag-der-offenen-tuer
{
"id": 211,
"type": "event",
"title": "Tag der offenen Tür",
"date": "2026-11-14",
"teaser": "Wir zeigen die neue Werkstatt – mit Apéro ab 17 Uhr.",
"location": "Zürich"
}Vier Kanäle, ein Inhalt
- Website
Samstag, 14. November 2026
Tag der offenen Tür
Wir zeigen die neue Werkstatt – mit Apéro ab 17 Uhr.
- App-Mitteilung
Tag der offenen Tür
14. November
- Infoscreen
14. November
Tag der offenen Tür
- KI-Assistent
Wann ist der nächste Anlass?
Tag der offenen Tür findet am Samstag, 14. November 2026 in Zürich statt. Wir zeigen die neue Werkstatt – mit Apéro ab 17 Uhr.
Im echten Projekt passiert dasselbe: TYPO3 speichert, die API liefert, jeder Kanal stellt den Inhalt auf seine Art dar.
Vorteile
Vorteile von Headless TYPO3
Eine Headless-Website gibt Ihnen maximale Freiheit: Sie binden neue Kanäle und Systeme an, ohne Ihr CMS oder Ihre Redaktionsabläufe umzubauen.
Design ohne Grenzen
Klassische Templates schränken das Design nicht selten ein. Gute Ideen müssen deswegen nicht mehr verworfen werden: Das Frontend entsteht mit modernen Werkzeugen, unabhängig von TYPO3-Vorlagen.
Performance
Vorgerenderte Seiten kommen ohne Wartezeit aus dem Cache oder CDN – auch bei viel Verkehr. Das zahlt auf Core Web Vitals und auf Sichtbarkeit in Suche und KI ein.
Alle Kanäle
Dieselben Inhalte erscheinen auf Website, App, Infoscreen oder im Shop – jeweils passend dargestellt und bei Bedarf kombiniert.
Sicherheit
Das TYPO3-Backend muss nicht öffentlich erreichbar sein, die Website besteht aus statischen Dateien. Die Angriffsfläche schrumpft deutlich. Mehr zu Web-Security.
Einfache Pflege
Die Pflege ist so leicht wie bei einer klassischen TYPO3-Website. Änderungen gehen automatisch live oder erst nach gezielter Freigabe.
Wartung & Upgrades
Frontend und CMS werden getrennt aktualisiert. Bei einem TYPO3-Upgrade genügt es, die JSON-Ausgabe zu vergleichen, statt jede Seite visuell zu prüfen.
Bereit für KI
Strukturierte Inhalte versteht nicht nur Ihr Frontend, sondern auch Chatbots, Suchassistenten und KI-Agenten. Die ideale Basis für KI-Automatisierung.
Vergleich
Klassisches TYPO3 oder headless?
Darstellung
Klassisches TYPO3: TYPO3-Templates (Fluid)
Headless TYPO3: Freies Frontend: Nuxt, Next.js, Astro, App
Kanäle
Klassisches TYPO3: Eine Website
Headless TYPO3: Website, App, Shop, Screens, Agenten – aus einer Quelle
Auslieferung
Klassisches TYPO3: Seiten entstehen bei Bedarf auf dem Server
Headless TYPO3: Vorgerendert aus Cache oder CDN
Backend
Klassisches TYPO3: Teil der Website
Headless TYPO3: Kann vom öffentlichen Netz getrennt laufen
Redaktion
Klassisches TYPO3: TYPO3-Backend
Headless TYPO3: TYPO3-Backend – unverändert
Aufwand
Klassisches TYPO3: Geringer bei einer einzelnen Website
Headless TYPO3: Lohnt sich ab mehreren Kanälen oder hohen Design-Ansprüchen
Nicht jedes Projekt braucht einen abnehmbaren Kopf. Für eine einzelne Website ist klassisches TYPO3 oft die einfachere Wahl – das sagen wir Ihnen ehrlich.
Einsatz
Wofür sich Headless TYPO3 eignet
Website und App
Eine Redaktion, zwei Auftritte: Die App liest dieselben News, Termine und Angebote wie die Website.
Relaunch ohne CMS-Wechsel
Neues Design und moderne Technik – Ihre bestehenden TYPO3-Inhalte bleiben, wo sie sind.
Screens und Kiosk
Infoscreens im Empfang, Terminals am Messestand oder Displays in Filialen werden aus TYPO3 bespielt.
Mehrere Marken
Mehrere Websites mit eigenem Design teilen sich ein TYPO3-Backend und gemeinsame Inhalte.
Content für den Shop
Ratgeber, Landingpages und Markenwelt aus TYPO3 – Produkte und Checkout aus dem Shop. Mehr dazu weiter unten.
KI-Assistenten und Agenten
Ihr Chatbot antwortet aus geprüften Inhalten statt zu raten – über dieselbe Schnittstelle.
Ablauf
In vier Schritten zu Headless TYPO3
Erstgespräch
Wir klären Kanäle, Ziele und Ihre bestehende Installation – und ob sich Headless für Sie lohnt.
Content-Modell
Inhaltselemente und JSON-Struktur werden so definiert, dass jeder Kanal sie versteht.
Frontend & Kanäle
Wir bauen das Frontend und binden App, Shop oder Screens an die API an.
Go-live & Betrieb
Build, Hosting und Updates – auf Wunsch komplett in der Schweiz, ohne Drittanbieter.
Technik
- TYPO3 14 LTS
- Eigene Extension
- JSON-API
- Nuxt
- Next.js
- Astro
- Shopware Store-API
- Hosting in der Schweiz
FAQ
Häufige Fragen zu Headless TYPO3
Kurze Antworten auf die Fragen, die uns zu Headless TYPO3 am häufigsten gestellt werden – von SEO über Shopware bis zum Betrieb ohne Netlify.
Was ist ein Headless CMS?
Ein Headless CMS verwaltet nur Inhalte. Während ein klassisches CMS sich auch um deren Darstellung kümmert, stellt ein Headless CMS die Inhalte über eine Schnittstelle (API) bereit. Die Darstellung übernimmt ein separates Frontend.
Eignet sich TYPO3 als Headless CMS?
Ja. TYPO3 gibt Seiten und Inhaltselemente als JSON aus – auch aus einem bestehenden Projekt heraus, etwa mit der Erweiterung EXT:headless oder einer eigenen Schnittstelle. So lassen sich eine neue Website, Apps oder andere Systeme mit Inhalten versorgen, ohne das Backend umzubauen.
Ist Headless TYPO3 gut für SEO?
Ja, wenn das Frontend die Seiten vorab oder auf dem Server rendert. Suchmaschinen und KI-Crawler erhalten dann fertiges HTML. Titel, Beschreibungen, Canonicals und strukturierte Daten pflegen Sie weiterhin in TYPO3; sie kommen über die API ins Frontend.
Funktionieren auch Erweiterungen?
Ja. Viele Erweiterungen wie News, Formulare, Suche oder Logins liefern ihre Daten ebenfalls als JSON. Sie müssen konfiguriert und teils angepasst werden – der Aufwand ist vergleichbar mit einer klassischen TYPO3-Website.
Lässt sich Headless TYPO3 mit Shopware kombinieren?
Ja. TYPO3 liefert die redaktionellen Inhalte, Shopware über seine Store-API Produkte, Warenkorb und Checkout. Ein gemeinsames Frontend zeigt beides in einem Auftritt. Mehr zu E-Commerce.
Braucht es Netlify oder Vercel?
Nein. Die Website kann als statische Dateien erzeugt und auf jedem Webserver betrieben werden – zum Beispiel bei einem Hoster in der Schweiz. TYPO3 erzeugt die Seiten nach dem Veröffentlichen selbst. Netlify oder Vercel sind bequem, aber keine Voraussetzung.
Ist ein Headless-Projekt teurer?
Nicht zwingend. Einzelne Schritte sind aufwendiger, dafür sparen Sie an anderer Stelle: Das Frontend lässt sich unabhängig weiterentwickeln, weitere Kanäle kosten deutlich weniger. Für eine einzelne, einfache Website ist klassisches TYPO3 meist günstiger.
Sind TYPO3-Upgrades einfacher?
Meistens ja. Statt jede Seite visuell zu prüfen, genügt es, die JSON-Ausgabe vor und nach dem Upgrade zu vergleichen. Frontend und CMS lassen sich zudem getrennt aktualisieren.
Ändert sich die Bedienung im Backend?
Nein. Sie arbeiten wie gewohnt in TYPO3. Im Backend merken Sie keinen Unterschied – ausser dem Knopf zum Veröffentlichen im Cache-Menü.
Anfrage
Lohnt sich Headless TYPO3 für Sie?
Erzählen Sie uns von Ihrem Projekt. Christoph meldet sich persönlich und sagt Ihnen offen, ob Headless oder klassisches TYPO3 besser passt.
- Unverbindlich und kostenlos
- Antwort von einer Person, nicht von einem Bot
- Ehrliche Empfehlung – auch gegen Headless
Christoph
Ihr Ansprechpartner für Headless TYPO3 Projekte.