PixelCoda · Projekt-Referenz · Open Source & Tooling
TYPO3 Fluid Storybook Integration
Ermöglicht das native Rendern von TYPO3 Fluid Templates in Storybook 8 für isolierte Frontend-Entwicklung, Design Systems und automatisierte Tests.
Projektbeschreibung
Ein Open-Source-System aus TypeScript-Client-Paket und TYPO3-Companion-Extension, mit dem Frontend-Entwickler Fluid-Templates direkt in Storybook 8 rendern und stylen können. Inklusive In-Memory-Caching für schnelle Renderzeiten, automatischer Template-Erkennung und nahtloser Einbindung in moderne CI/CD-Pipelines.
Ausgangslage
Frontend-Entwickler mussten für Änderungen an Fluid-Templates bisher stets eine vollständige lokale TYPO3-PHP-Instanz booten, was agiles UI-Testing und Component-Driven Development extrem verlangsamte.
Lösung
Entkoppelte Storybook-Architektur mit TypeScript-Brücke und API-Backend, die Fluid-Partials und Layouts blitzschnell im Storybook-Canvas darstellt.
Branche
Developer Tooling / Design Systems
Technologien
- Storybook 8
- TypeScript
- TYPO3 Fluid
- PHP 8.2+
- Vite
- Design Tokens
Ergebnisse
- Radikale Verkürzung der Entwicklungszyklen durch isoliertes Komponenten-Testing
- Konsistente Design-Token-Synchronisation zwischen Figma, Storybook und TYPO3
- In-Memory Caching für sub-100ms Renderzeiten bei Template-Änderungen
Jahr: 2024