# Headless TYPO3

> Headless TYPO3 aus Zürich: Inhalte im TYPO3-Backend pflegen und per JSON-API an Website, App, Shop und KI ausliefern. Beratung und Umsetzung.

Headless TYPO3 ist ein Angebot von flixx.ch (Zürich, Schweiz): https://flixx.ch/

## 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.

## 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.

## 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.

## Klassisches TYPO3 oder headless?
Nicht jedes Projekt braucht einen abnehmbaren Kopf. Für eine einzelne Website ist klassisches TYPO3 oft die einfachere Wahl – das sagen wir Ihnen ehrlich.
- Darstellung: Klassisch: TYPO3-Templates (Fluid) – Headless: Freies Frontend: Nuxt, Next.js, Astro, App
- Kanäle: Klassisch: Eine Website – Headless: Website, App, Shop, Screens, Agenten – aus einer Quelle
- Auslieferung: Klassisch: Seiten entstehen bei Bedarf auf dem Server – Headless: Vorgerendert aus Cache oder CDN
- Backend: Klassisch: Teil der Website – Headless: Kann vom öffentlichen Netz getrennt laufen
- Redaktion: Klassisch: TYPO3-Backend – Headless: TYPO3-Backend – unverändert
- Aufwand: Klassisch: Geringer bei einer einzelnen Website – Headless: Lohnt sich ab mehreren Kanälen oder hohen Design-Ansprüchen

## 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.

## Content trifft Commerce: TYPO3 mit Shopware
Shop-Systeme sind stark im Verkaufen, aber selten im Erzählen. Headless verbindet beides: TYPO3 liefert die Inhalte – Ratgeber, Kampagnen, Markenseiten –, Shopware liefert Produkte, Preise und Checkout über seine Store-API. Ein gemeinsames Frontend führt beides zu einem Auftritt zusammen, und jedes System macht, was es am besten kann.
- Redaktion bleibt in TYPO3
- Produktdaten bleiben in Shopware
- Ein Auftritt, eine Domain

## 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

## 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ü.

## 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

## Kontakt
- [Anfrage](https://headless-t3.ch/#anfrage): Formular für eine unverbindliche Einschätzung
- [E-Mail](mailto:hello@flixx.ch): hello@flixx.ch
- [Telefon](tel:+41432003000): +41 43 200 30 00

## Links
- [Seite als JSON](https://headless-t3.ch/page.json): dieselben Daten, aus denen diese Website gebaut ist
- [flixx.ch](https://flixx.ch/): Anbieter
- [Impressum](https://flixx.ch/impressum/)
- [Datenschutz](https://flixx.ch/datenschutzerklaerung/)
- [Barrierefreiheit](https://flixx.ch/barrierefreiheitserklaerung/)