Komponenten-Mapping
Übersetzung des Designs in ein sauberes Storyblok-Komponentenmodell. Wiederverwendbare Blöcke, klare Verschachtelungslogik, konsistente Feldnamen. Aufgebaut so dass neue Komponenten später ohne Systembruch ergänzt werden können.
sauber angebunden, vollständig dokumentiert.
Storyblok Integration & Setup
Komponenten- & Data-Modelling, Visual Editor Setup und Übergabe-Dokumentation. Für Agenturen und Teams die Storyblok als Headless CMS einsetzen wollen ohne technische Schulden zu produzieren.
Was Storyblok Integration konkret bedeutet
Storyblok als Headless CMS einzubinden ist mehr als eine API-Anbindung. Es geht darum das Content-Modell so aufzubauen dass Redakteure es verstehen, Entwickler damit arbeiten können und das System langfristig wartbar bleibt.
Nach 15 Jahren Projektarbeit und zahlreichen Storyblok-Projekten kenne ich die Stolperstellen – und wie man sie von Anfang an vermeidet.
Leistungen im Detail
Visual Editor Setup
Konfiguration des Storyblok Visual Editors inklusive Preview-Anbindung, Draft/Published-Logik und Echtzeit-Vorschau. Redakteure sehen Änderungen live – ohne Entwickler zu involvieren.
TypeScript Integration
Automatische Typen-Generierung aus dem Storyblok-Schema. Saubere Typisierung im Frontend, weniger Fehlerquellen, bessere IDE-Unterstützung.
Übergabe-Dokumentation
Strukturierte Dokumentation des Komponenten-Modells, der Feldlogik und der Redakteurs-Workflows. Das nächste Team – intern oder extern – steigt direkt ein.
Internationalisierung
Setup von mehrsprachigen Projekten in Storyblok – Feldkonfiguration, Slug-Logik, Übersetzungs-Workflow.
Storyblok bietet eine tolle, bedienbare Content Plattform, dennoch muss das Setup gut sein um davon wirklich zu profitieren.
Warum saubere Storyblok-Integration einen Unterschied macht
Ein schlecht aufgebautes Storyblok-Projekt ist auch nur schwer wartbar und wird den Redakteuren nur Kopfzerbrechen bereiten. Sie verstehen die Struktur nicht, Entwickler scheuen Anpassungen, das System wächst unkontrolliert.
Ein sauber aufgebautes Projekt ist das Gegenteil: Redakteure arbeiten selbstständig, Erweiterungen sind planbar, Übergaben funktionieren ohne Verlust.
Der Unterschied liegt im Aufbau, nicht in der Technologie.
Einsatzszenarien
Neues Projekt auf Storyblok aufbauen
Bestehende Storyblok-Integration überarbeiten oder erweitern
Migration von einem anderen CMS zu Storyblok
Storyblok-Anbindung an SvelteKit, React oder Vue
Consulting
Frontend Development
Storyblok Integration
Hotel Le Méridien Vienna – YOU Restaurant
Das YOU Restaurant im Hotel Le Méridien Vienna betreibt ein Restaurant und eine Bar, sowie die gesamte Hotelgastronomie mit eigenem Team und eigenem Charakter. Speise- und Getränkekarten mussten bislang extern gepflegt oder gedruckt werden. Kurzfristige Anpassungen, etwa bei Tagesangeboten oder saisonalen Wechseln, waren aufwändig und von externen Dienstleistern abhängig.
UI/UX Design
Storyblok
Frontend Development
SEO/GEO
Gerald Anton Steiner Architekten
Gerald Anton Steiner Architekten verfügt über ein umfangreiches Portfolio an realisierten Projekten — öffentliche Bauten, Bildungsbauten, Wohnanlagen. Die bestehende Website transportierte diese Qualität visuell kaum und war für Suchmaschinen sowie generative KI-Systeme weitgehend unsichtbar. Ein Relaunch war keine Kür, sondern strategische Notwendigkeit.