Shopify and Vercel are rebuilding Hydrogen as an open, runtime-agnostic foundation. Hydrogen now dep…
Sylius Frontend Alternative: When an FMP Fits Better
Bei jedem Sylius-Projekt kommt früher oder später die Frage: welche Frontend-Strategie? Die etablierten Optionen sind Twig-Storefront (Default), Custom Build (Next.js oder Nuxt), Vue Storefront mit Sylius-Integration oder eine Frontend Management Platform wie Laioutr. Wer eine Sylius Frontend Alternative sucht, hat fast immer einen konkreten Grund: Twig-Performance-Decke verlassen, Custom-Build-Aufwand reduzieren, Vue-Storefront-Wartung vermeiden.
In diesem Beitrag zeigen wir drei Szenarien, in denen eine FMP die bessere Wahl ist, und wann es weiterhin Twig, Custom Build oder Vue Storefront sein sollte.
Was die etablierten Optionen leisten und was nicht
Twig-Storefront (Default): Mit Sylius mitgeliefert, Symfony-basiert, Bootstrap. Solide für Standard-Setups, aber Performance-Decke und Theme-Limitierungen werden ab einer gewissen Größe spürbar. Für kleine Shops oder Übergangslösungen sinnvoll.
Custom Build (Next.js oder Nuxt): Maximale Kontrolle, sechs- bis zwölfmonatige Build-Phase, dauerhafte Wartung durch internes Team. Für reife Engineering-Teams mit hohem Differenzierungs-Anspruch.
Vue Storefront mit Sylius-Integration: Open-Source-PWA mit community-gepflegter Sylius-Anbindung. Aktive Community, aber kein offizieller Sylius-Support, kein Enterprise-Support-Netz. Für Vue-Teams mit Open-Source-Strategie sinnvoll.
Eine Frontend Management Platform schließt die Lücke zwischen allen drei: sie bringt Studio, Komponenten und Hosting mit, ist offizieller Vendor mit Enterprise-Support, ist Backend-agnostisch.
Szenario 1: Marketing-Velocity ist der Engpass
Sie haben Twig oder einen Custom-Build-Stack, aber Marketing produziert mehr Kampagnen-Ideen als Engineering umsetzen kann. Jede neue Saison-Landingpage wird zur Story-Point-Schätzung, jedes A/B-Test-Setup zur Sprint-Planung.
Bei Twig gibt es keinen visuellen Builder, jede Layout-Änderung ist ein Commit. Bei Custom Build genauso. Bei Vue Storefront ähnlich.
In diesem Szenario ist eine FMP der direkte Hebel. Marketing baut Landingpages selbst in Studio, Engineering kümmert sich um Komponenten-Pool und Backend-Logik. Time-to-Market sinkt typischerweise von Wochen auf Stunden.
Szenario 2: Multi-Channel oder Multi-Brand wird konkret
Sie wollen mehrere Sylius Channels betreiben, vielleicht für unterschiedliche Marken oder Märkte. Mit Twig bedeutet das mehrere Theme-Forks, mit Custom Build oder Vue Storefront mehrere Repos und doppelte Wartung.
Mit einer FMP haben Sie ein zentrales Komponenten-Inventar, mehrere Storefronts mit eigenen Layouts und Marken-Identitäten, und genau eine Plattform, die Sie pflegen müssen. Bei drei oder vier Channels wird der Unterschied zum Game-Changer.
Szenario 3: BFSG-Compliance muss out of the box stehen
Seit 2025 ist das deutsche Barrierefreiheitsstärkungsgesetz für nahezu jeden gewerblichen Online-Shop verpflichtend. Bei Twig, Custom Build und Vue Storefront sind Sie selbst dafür verantwortlich. Jede Komponente muss geprüft, das Audit extern beauftragt, die Implementierung dokumentiert werden.
Bei einer FMP wie Laioutr ist BFSG bereits in den Komponenten verankert. Das Audit liegt vor, neue Komponenten gehen denselben Compliance-Pfad. Sie sparen das interne Audit-Projekt.
Wann Twig weiterhin die bessere Wahl ist
Drei Konstellationen, in denen wir Twig empfehlen:
Sehr kleine Shops mit wenigen Anpassungen. Wer unter 80.000 Euro Online-Umsatz pro Monat macht und kein komplexes Branding braucht, ist mit Twig oft besser dran als mit jeder Headless-Lösung.
Sie sind in einer Übergangsphase. Twig-Storefront stabil halten, während Sie eine andere Strategie validieren, ist legitim. Erst migrieren, wenn die neue Strategie steht.
Sie haben ein dediziertes Symfony-Team und keinen Frontend-Bedarf. Wenn Ihr Team Twig-Templates routinemäßig anpasst und das Marketing damit zufrieden ist, ändern Sie nichts.
Wann Custom Build weiterhin die bessere Wahl ist
Drei Konstellationen, in denen wir Custom Build empfehlen:
Sie haben ein dediziertes Frontend-Team mit React- oder Vue-Expertise. Mindestens drei Engineers, Frontend ist strategische Kernkompetenz.
Sie bauen extrem spezialisierte Frontends. Echtzeit-3D-Konfiguratoren, AR-Anwendungen, Konfiguratoren mit komplexen State-Machines.
Sie wollen Open-Source-Stack als strategische Entscheidung. Manche Organisationen haben gute Gründe, auf eine vollständig offene Codebase zu setzen.
Wann Vue Storefront weiterhin die bessere Wahl ist
Eine Konstellation, in der wir Vue Storefront empfehlen:
Sie haben ein Vue-Team und Open Source ist strategisch. Wenn Vue Storefront als Open-Source-PWA strategisch passt und Ihr Team die Community-Wartung mittragen kann, ist es eine valide Wahl.
Was Sie konkret von einer FMP-Migration erwarten können
Aus den von uns begleiteten Sylius-Projekten zeichnen sich drei Effekte ab:
Time-to-Market für neue Landingpages sinkt von durchschnittlich 8 bis 12 Tagen auf wenige Stunden.
Performance verbessert sich messbar: Lighthouse-Scores 90+, deutlich bessere LCP- und INP-Werte.
Operative Kosten sinken in den meisten Fällen, weil Hosting, Komponenten-Wartung und Compliance-Audits in der FMP-Lizenz enthalten sind.
Wie der Übergang konkret aussieht
Wir sehen meistens einen kontrollierten Zwei-Phasen-Pfad: Erst eine zweite Storefront (neuer Channel, neue Marke, oder Kampagnen-Microsite) auf der FMP aufsetzen. Dann den Hauptshop migrieren. Der detaillierte Migrations-Pfad steht in Sylius Headless Migration, Schritt für Schritt.
Fazit: FMP ist die pragmatische Mitte
Twig, Custom Build und Vue Storefront sind alle valide Optionen, je nach Strategie und Team. Die FMP ist die pragmatische Mitte: schneller live als Custom Build, performanter als Twig, mit Enterprise-Support statt Community-Wartung. Genau richtig für Sylius-Brands, die ihre Frontend-Velocity erhöhen wollen, ohne sechs Monate Custom Build oder Twig-Limits.
Wenn Sie aktuell mit Twig, Custom Build oder Vue Storefront arbeiten, sprechen wir gerne. Wir zeigen den Übergang ehrlich auf und sagen, wenn Ihre aktuelle Lösung weiterhin die richtige Wahl ist.