5,0 Sterne auf OMR Reviews. Serverstandort EU. BFSG-ready. Im Einsatz bei Enterprise-Brands auf MACH-Stack.
Ein commercetools Frontend ist die Käufer-zugewandte Schicht eines Composable-Commerce-Stacks. commercetools liefert das Backend mit Produkten, Bestellungen und Checkout, das Frontend wird über die commercetools API (REST und GraphQL) angebunden und kann frei gestaltet werden. Anders als bei monolithischen Plattformen ist ein Frontend für commercetools immer Pflicht, nicht optional.
commercetools verwaltet weiter Produkte, Kategorien, Preise, Bestellungen, Stores und Customer Groups. Sie nutzen die Merchant Center API, die Sie kennen, ohne neue Workflows oder Schulungen.
Sie haben drei Optionen: Eigenbau (Custom Next.js oder Nuxt), Frontastic (das von ct übernommene Frontend) oder eine Frontend Management Platform wie Laioutr. Jede Option hat Pros und Cons, die wir auf dieser Seite ausleuchten.
Kein Datenduplikat, keine Sync-Konflikte. Laioutr spricht direkt mit der commercetools API (REST und GraphQL), inklusive Multi-Project-, Multi-Store- und Customer-Group-Support.
Maximale Kontrolle, höchster Aufwand. Sie bauen alles selbst, deployen selbst, skalieren selbst. Erfordert ein dediziertes React- oder Vue-Team und sechs- bis zwölfmonatige Build-Phase. Sinnvoll, wenn Sie Frontend-Engineering als strategische Kernkompetenz verstehen.
Open-Source-Frontend-Framework, Vue-Stack, ursprünglich für Magento entstanden, heute multi-backend. Aktive Community, aber DACH-mäßig kein direktes Support-Netz. Sinnvoll, wenn Sie ein Vue-Team haben und Open Source strategisch wichtig ist.
Das offizielle Frontend von commercetools nach der Frontastic-Übernahme 2021. Eigener Studio-Builder, tief in den ct-Stack integriert, Enterprise-Pricing. Sinnvoll, wenn Sie sich strategisch zu 100 Prozent auf commercetools committen und Lock-in akzeptieren.
Frontend Management Platform mit visuellem Builder, 70+ Komponenten, EU-Hosting und Multi-Backend-Support. Schnellste Time-to-Launch, niedrigste Lernkurve, Backend-Optionalität für die Zukunft. Sinnvoll, wenn Sie schnell live wollen und sich Multi-Backend-Optionen offenhalten.
Mehrere Marken auf einer commercetools-Instanz mit eigenständigen Frontends, eigenen Domains, eigener Brand-Identity. Ein Komponenten-Pool, mehrere Brand-Auftritte.
commercetools Customer Groups, Prices, Tiered Pricing. Laioutr ruft die ct-API direkt auf und rendert kundengruppen-spezifische Preise, Sortimente und Net-Terms. Konfiguratoren, Mengenrabatte, Approval-Flows.
Eine ct-Instanz, viele Stores. Sprachen, Währungen, Layouts und Sortimente lassen sich pro Store steuern, kompatibel mit dem ct-Stores-Konzept.
Auto-Konfiguratoren, Industriegüter, Customization-Workflows. Komplexe State-Management-Logik wird auf Laioutr-Komponenten-Ebene gelöst, ct-API-Calls bleiben sauber getrennt.
Bestehender Frontastic-Stack soll abgelöst werden, ohne dass das ct-Backend angefasst wird. Migration in Phasen, mit klarem Rollback-Plan.
Neues commercetools-Projekt, frischer Start. Mit Laioutr-Themes und der UI-Bibliothek geht das in Wochen produktiv, statt Monate für Eigenbau zu investieren.
Frontastic ist seit der Übernahme 2021 das offizielle Frontend von commercetools. Es bringt einen Studio-Builder mit, ist tief in den ct-Stack integriert und wird von ct selbst weiterentwickelt. Laioutr ist eine vollständige Frontend Management Platform mit eigenem Studio, größerer Komponenten-Bibliothek und Multi-Backend-Fähigkeit. Beide funktionieren mit commercetools. Wer Backend-Optionalität braucht oder schneller launchen will, ist mit Laioutr produktiver.
Unterschiede vergleichen | ||
|---|---|---|
Builder & Komponenten Was Sie aus der Box bekommen und was Sie selbst aufbauen müssen. | ||
Visueller Page Builder Drag-and-Drop-Editor für Marketing- und Content-Teams. | Studio (vollständig) Live-Preview, komponentenbasiert | Studio (developer-leaning) Builder-Features, primär für Devs |
E-Commerce-Komponenten Vorgefertigte UI-Bausteine für Storefronts, Produkt- und Landingpages. | 70+ Komponenten Design-Token-basiert, anpassbar | Standard-Set Kleinerer Pool, Eigenbau erforderlich |
Themes und Vorlagen Startpunkt für neue Storefronts ohne Greenfield-Aufwand. | Vorgefertigte Themes Sofort einsatzbereit, voll erweiterbar | Boilerplate Skeleton-Setup, kein Theme-Marktplatz |
Hosting Wo das Frontend ausgeliefert wird und wer es betreibt. | Inklusive (EU-CDN) Laioutr Cloud, kein separater Deploy | Inklusive (ct Cloud) An ct-Pricing gekoppelt |
Architektur und Compliance Wie flexibel die Plattform ist und was Sie regulatorisch mitbekommen. | ||
Backend-Flexibilität Welche E-Commerce-Backends sich anbinden lassen. | Multi-Backend commercetools, Shopify, Shopware, weitere | Nur commercetools Lock-in zum ct-Stack |
Performance und Core Web Vitals Wie viel Aufwand für Lighthouse-100-Niveau nötig ist. | Out of the box Lighthouse 100 als Default-Ziel | Manuelles Tuning Performance in Eigenverantwortung |
BFSG und WCAG 3.0 Konformität mit Barrierefreiheitsstärkungsgesetz und WCAG 3.0. | Im Standard WCAG 3.0, BFSG, EN 301 549 | Eigenverantwortung Audit separat erforderlich |
Datenschutz und Serverstandort Wo Daten verarbeitet werden und welche EU-Verträge gelten. | EU und Deutschland EU-Standardvertrag, deutschsprachiger Support | ct Cloud Regionen An ct-Hosting-Regionen gekoppelt |
Team und Wirtschaftlichkeit Wer mit der Plattform produktiv ist und was es Sie über die Zeit kostet. | ||
Lernkurve Wie schnell ein neues Teammitglied produktiv wird. | Niedrig Marketing onboardet in Tagen | Mittel bis hoch React, GraphQL, ct-Stack-Wissen |
Time-to-Launch Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront. | Wochen Mit Themes und UI-Bibliothek | Monate Code-First, Greenfield-Build |
Ideales Team-Setup Wer mit der Plattform arbeiten kann und wer arbeiten muss. | Cross-funktional Marketing, Design und Dev gemeinsam | Engineering-fokussiert React-Team mit ct-Erfahrung |
Preismodell Wie sich Kosten zusammensetzen, Software plus Betrieb plus Entwicklung. | SaaS (planbar) Transparente Pläne, Hosting inklusive Preise ansehen | Enterprise-Tier An ct-Lizenzpaket gekoppelt |
Alle Daten basieren auf öffentlich verfügbaren Informationen, Erfahrungen aus Sales-Gesprächen mit DACH-E-Commerce-Brands sowie eigenen Plattform-Tests. Stand: April 2026. Frontastic-Funktionen können sich seit der Übernahme durch commercetools weiterentwickelt haben.
Sie haben sich strategisch dauerhaft auf commercetools festgelegt, Sie wollen ein Frontend, das ct selbst weiterentwickelt, Sie akzeptieren Enterprise-Pricing und einen Lock-in zum ct-Stack. Klassischer Anwendungsfall: ein Greenfield-Enterprise-Projekt, bei dem die Single-Vendor-Strategie strategisch gesetzt ist.
Sie wollen Wochen statt Monate bis Go-live, Sie wollen sich Backend-Optionalität offen halten, Sie haben ein Marketing-Team, das Seiten eigenständig bauen soll, und Sie müssen BFSG-konform launchen, ohne ein eigenes Accessibility-Audit zu fahren. Klassischer Anwendungsfall: ein Composable-Brand mit mehreren Marken oder Märkten, der sich nicht an einen Vendor binden will.
Wir reden nicht nur über Performance und Flexibilität, Sie können beides direkt anfassen. Eine vollständig auf Commercetools laufende Demo-Storefront und unsere komplette UI-Bibliothek sind öffentlich verfügbar.
