Einzelne Extensions vorzustellen ist eine Sache – sie im Zusammenspiel erlebbar zu machen, eine andere. Genau dafür gibt es das Webconsulting TYPO3 Lab: eine DDEV-basierte Feature-Umgebung, in der moderne TYPO3-v14-Bausteine gemeinsam laufen – von der visuellen Bearbeitung über Workspaces bis zu Suche, Theme und KI-Anbindung.
Damit ist dieser Beitrag zugleich die Klammer um unsere Extension-Reihe: Was wir einzeln vorgestellt haben, lässt sich hier im Zusammenspiel erleben.
Inhaltsverzeichnis
Überblick
Was das Lab ist – und woraus es entstand.
Was enthalten ist
Die Bausteine im Zusammenspiel.
Installation
In wenigen DDEV-Befehlen startklar.
Was daraus wurde
Vom Demo-Setup zum Feature-Lab.
Überblick
Das TYPO3 Lab ist eine DDEV-basierte Spielwiese für TYPO3 14.3: Sie enthält den Visual Editor, Workspace-Bearbeitung, API-getriebene Content-Workflows, das Desiderio-Theme-Rendering, eigene Records-List-Ansichten, Solr-Suche und eine begleitende News-API-Studio-Anwendung. Ziel ist nicht ein fertiges Produkt, sondern eine reproduzierbare Umgebung, in der sich Features realistisch ausprobieren und kombinieren lassen.
Entstanden ist das Lab aus dem Visual-Editor-DDEV-Demo-Setup von Kanti (anders und sehr). Auf dieser fokussierten Grundlage haben wir die Umgebung Schritt für Schritt zu einem breiteren Feature-Lab ausgebaut.
Das Lab zielt durchgängig auf TYPO3 v14.3 LTS. Das enthaltene Site-Package ist als 14.0.0 versioniert und unterstützt ausschließlich TYPO3 v14. Als lokale Entwicklungsumgebung dient DDEV (Docker/OrbStack).
Frontend-Site aus dem TYPO3 Lab: Die Camino-Demo zeigt, dass das Lab nicht nur Backend-Module sammelt, sondern komplette Sites mit Navigation, Hero, Bildern und redaktionellem Inhalt rendert.
Was enthalten ist
Der Reiz des Labs liegt im Zusammenspiel. Die folgenden Bausteine greifen ineinander – jeder für sich nützlich, gemeinsam ein moderner TYPO3-Stack.
Die Bausteine des Labs – von der Bearbeitung über Frontend und Suche bis zu API/KI.
| Baustein | Rolle im Lab |
|---|---|
| Visual Editor | Frontend-Bearbeitung von Seiten direkt in der Vorschau. |
| Workspaces & Easy Workspace | Entwurf, Freigabe und Ein-Klick-Veröffentlichung. |
| Desiderio + Camino | shadcn/ui-basiertes Theme und ein klassisches Demo-Theme. |
| Records List Types/Examples | Grid-, Teaser-, Katalog- und Timeline-Ansichten im Backend. |
| Apache Solr | Enterprise-Suche mit nummerierter Pagination. |
| sg-apicore, MCP, WorkOS | API-Schicht, KI-Werkzeuganbindung und Authentifizierung. |
| News API Studio | Next.js/Electron-Client zum Bearbeiten von EXT:news über die API. |
Zentrale Integrationen im Detail: Die Frontend-Bearbeitung übernimmt der Visual Editor. Die Suche liefert Apache Solr for TYPO3 (EXT:solr), im Lab mit nummerierter Pagination vorkonfiguriert. Für API-basierte Editorial-Workflows demonstriert das Lab eine WorkOS-gestützte Anmeldung sowie MCP-Tooling, das den TYPO3-Backend-Kontext für KI-Assistenten zugänglich macht.
Die zugehörigen Extensions stellen wir in eigenen Beiträgen ausführlich vor:
Records List Types
Grid-, Compact- und Teaser-Ansichten fürs Records-Modul. → Zum Artikel
Records List Examples
Sechs fertige Ansichten als Ergänzung. → Zum Artikel
Desiderio
shadcn/ui-Design als natives TYPO3-Theme. → Zum Artikel
Easy Workspace
Inhalte mit einem Klick veröffentlichen. → Zum Artikel
Installation
Das Lab startet als DDEV-Projekt. Voraussetzung sind eine installierte DDEV-Umgebung und ein laufendes Docker bzw. OrbStack.
cp config/system/settings.php.example config/system/settings.php
ddev start
ddev composer install
ddev import-db --file=dump.sql.gz
ddev typo3 extension:setup
ddev typo3 cache:flushAnschließend öffnet ddev launch /typo3/module/web/edit das TYPO3-Backend. Das Lab bringt mehrere Demo-Sites mit – darunter ein Camino-Theme, Blog-Demos sowie themenbezogene Beispielseiten – die sich über die lokalen DDEV-URLs aufrufen lassen.
Die Datei config/system/settings.php ist – wie .ddev/config.local.yaml – aus gutem Grund gitignored: Secrets wie API-Keys und Encryption-Key gehören nicht ins Repository, sondern hinter getenv()-Aufrufe bzw. in lokale, nicht versionierte Konfiguration.
Was daraus geworden ist
Der Ausgangspunkt war Kantis Visual-Editor-DDEV-Demo. Daraus ist eine deutlich breitere Umgebung gewachsen – ohne den ursprünglichen Anspruch der einfachen Reproduzierbarkeit aufzugeben.
Visual-Editor-DDEV-Demo (Kanti)
Gemeinsames Site-Package
Theme & Suche
Backend-Ansichten & API
News API Studio
Häufige Fragen
Fazit
Das TYPO3 Lab zeigt, wie sich moderne Bausteine – visuelle Bearbeitung, Workspaces, ein token-basiertes Theme, Enterprise-Suche und KI-Anbindung – zu einem konsistenten TYPO3-v14-Stack fügen. Für uns ist es Werkstatt und Schaufenster zugleich; für Interessierte ein reproduzierbarer Startpunkt, um die hier vorgestellten Extensions im Zusammenhang zu erleben.
Das Lab basiert auf dem Visual-Editor-DDEV-Setup von Kanti (anders und sehr). Dank an Kanti, dkd (Apache Solr for TYPO3) und das TYPO3-Core-Team. Das Lab steht unter der GPL-2.0.