Ziel meines Projekts war es, das Konzept von Statamic praxisnah zu verstehen und die Einarbeitung in das System zu vertiefen. Ein besonderer Schwerpunkt lag dabei auf einer klaren Trennung zwischen strukturellen und inhaltlichen Änderungen, um ein sauberes und schlankes Deployment zu ermöglichen.
Inhaltliche Daten (z. B. Texte, Einträge) speichere ich bewusst in einer SQLite-Datenbank, um sie instanzspezifisch zu halten. Strukturelle Inhalte wie Blueprints, Fieldsets oder Templates verwalte ich über das Flat-File-System. Diese lassen sich so leicht per Git zwischen Entwicklungs- und Produktionsumgebungen synchronisieren, ohne redaktionelle Inhalte zu überschreiben.
Ein weiteres Ziel war es, ein modulares Builder-Konzept zu entwickeln. Dafür setze ich gezielt auf Layouts und Partials, um Inhalte und Design konsequent zu trennen. Dieses System ermöglicht eine flexible Struktur, die auch für zukünftige Erweiterungen skalierbar bleibt.
Als zentrales Element habe ich ein Mega-Menü umgesetzt, um das Arbeiten mit Partials, Datenstrukturen und dynamischen Inhalten in Statamic zu testen und zu evaluieren. Dies diente mir als praktisches Beispiel, um die Möglichkeiten von Statamic im Umgang mit komplexen UI-Komponenten besser zu verstehen.
Im Zuge dessen ist diese Seite mit den folgenden Komponenten entstanden.
Component:Accordion
Component:HERO VIDEO
Content
Component:HERO
Content
Component:Ticker
Component:Teaser Hero
Component:Image with Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
