commercetools x Laioutr

Frontend for commercetools — live in weeks, not months.

The Frontend Management Platform for commercetools. Visual page builder, 70+ e-commerce components, EU hosting. Multi-backend capable, BFSG-compliant, without Frontastic lock-in.

5.0 stars on OMR Reviews. Server location EU. BFSG-ready. In use by enterprise brands on a MACH stack.

Laioutr Xcommercetools partner image

Leading commercetools agencies trust us

Feel free to reach out to one of our partners for your e-commerce frontend built on Laioutr.

Best it
Valantic
Mediaopt
5/5

OMR Reviews

70+

E-commerce components

Lighthouse 100

Performance from day 1

Made in EU

GDPR-compliant, servers in Germany

What does a commercetools frontend mean?

A commercetools frontend is the customer-facing layer of a composable commerce stack. commercetools provides the backend with products, orders, and checkout; the frontend connects via the commercetools API (REST and GraphQL) and can be designed freely. Unlike monolithic platforms, a frontend for commercetools is always mandatory, not optional. It is where a composable headless frontend, delivered as Frontend as a Service, does its work.

1. The backend stays commercetools

commercetools continues to manage products, categories, prices, orders, stores, and customer groups. You use the Merchant Center API you know, without new workflows or training.

2. The frontend is chosen

You have three options: build it yourself (custom Next.js or Nuxt), Frontastic (the frontend acquired by ct), or a Frontend Management Platform like Laioutr. Each option has pros and cons, which we spell out on this page.

3. Data flows via API in real time

No data duplication, no sync conflicts. Laioutr talks directly to the commercetools API (REST and GraphQL), including multi-project, multi-store, and customer-group support.

Benefits

What frontend options do you have for commercetools?

commercetools doesn't prescribe the frontend. That puts the question “which frontend strategy?" on the table for every composable project. Four options are established in the market. Here's where each one pays off.

1. In-house build (custom Next.js or Nuxt)

Maximum control, maximum effort. You build everything yourself, deploy yourself, scale yourself. It requires a dedicated React or Vue team and a six- to twelve-month build phase. It makes sense if you see frontend engineering as a strategic core competency.

2. Vue Storefront

An open-source frontend framework, Vue stack, originally created for Magento, today multi-backend. An active community, but no direct support network in DACH. It makes sense if you have a Vue team and open source is strategically important.

3. commercetools Frontend (Frontastic)

The official frontend from commercetools after the Frontastic acquisition in 2021. Its own Studio builder, deeply integrated into the ct stack, enterprise pricing. It makes sense if you commit strategically 100 percent to commercetools and accept lock-in.

4. Laioutr DXP

A Frontend Management Platform with a visual builder, 70+ components, EU hosting, and multi-backend support. Fastest time-to-launch, lowest learning curve, backend optionality for the future. It makes sense if you want to go live fast and keep your multi-backend options open.

USE CASES

What you build with Laioutr for commercetools

Laioutr is built for commercetools setups that need to change fast and scale globally. From the multi-brand stack for brand portfolios to the B2B configurator frontend.

Enterprise multi-brand on one ct backend

Multiple brands on a single commercetools instance with independent frontends, their own domains, their own brand identity. One component pool, multiple brand presences.

B2B portals with complex pricing logic

commercetools customer groups, prices, tiered pricing. Laioutr calls the ct API directly and renders customer-group-specific prices, assortments, and net terms. Configurators, volume discounts, approval flows.

Multi-market storefronts with ct Stores

One ct instance, many stores. Languages, currencies, layouts, and assortments can be controlled per store, compatible with the ct stores concept.

Configurator-driven PDPs

Auto configurators, industrial goods, customization workflows. Complex state-management logic is solved at the Laioutr component level, while ct API calls stay cleanly separated.

Replatforming from Frontastic to Laioutr

An existing Frontastic stack to be replaced, without touching the ct backend. Migration in phases, with a clear rollback plan.

Greenfield storefronts on new ct projects

A new commercetools project, a fresh start. With Laioutr themes and the UI library, this goes into production in weeks, instead of investing months in an in-house build.

Laioutr vs. commercetools Frontend (Frontastic)

The honest comparison

Frontastic has been the official frontend of commercetools since the 2021 acquisition. It comes with a Studio builder, is deeply integrated into the ct stack, and is developed further by ct itself. Laioutr is a complete Frontend Management Platform with its own Studio, a larger component library, and multi-backend capability. Both work with commercetools. If you need backend optionality or want to launch faster, Laioutr makes you more productive.

Pricing Plans Comparison
Compare differences
Laioutr DXP
commercetools Frontend
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

All data is based on publicly available information, insights from sales conversations with DACH e-commerce brands, and our own platform tests. As of April 2026. Frontastic's features may have evolved since its acquisition by commercetools.

COMMERCETOOLS

When commercetools Frontend is the right choice

You've committed strategically and permanently to commercetools, you want a frontend that ct develops itself, you accept enterprise pricing and lock-in to the ct stack. Classic use case: a greenfield enterprise project where a single-vendor strategy is set in stone.

LAIOUTR

When Laioutr is the right choice

You want weeks instead of months to go-live, you want to keep your backend optionality open, you have a marketing team that should build pages independently, and you need to launch BFSG-compliant without running your own accessibility audit. Classic use case: a composable brand with multiple brands or markets that doesn't want to tie itself to a single vendor.

Laioutr Xcommercetools header
BLUEPRINTS

Start with a Blueprint instead of from scratch

Discover our Blueprints: pre-composed frontends for your industry, instantly customizable and, if needed, a fit for your commercetools setup too. Pick a starting point and go live faster.

UI Demo
UI PREVIEW

What you can build with Laioutr for commercetools

Product launch pages, home pages, product detail pages, product list pages, sales pages, blogs, content pages, and more.

Leading commercetools agencies trust us

Feel free to reach out to one of our partners for your e-commerce frontend built on Laioutr.

Best it
Valantic
Mediaopt
FAQ

Frequently asked questions about headless for commercetools

Frontastic has been the official frontend of commercetools since the 2021 acquisition, firmly integrated into the ct stack and anchored in ct's enterprise pricing logic. Laioutr is an independent Frontend Management Platform with a visual builder, 70+ components, and multi-backend support. Faster to launch, no lock-in to ct, backend optionality for the future.

Yes. Laioutr uses the official commercetools API (REST and GraphQL), supports multi-project setups, stores, customer groups, cart discounts, and all standard ct features. The integration is fully API-based and requires no plugins in the commercetools backend.

We are currently in onboarding within the MACH Alliance.

Multiple ct projects can be connected to a single Laioutr instance. The matching ct project is configured per storefront, with separate API credentials, its own component mapping, and individual routing. This enables multi-brand and multi-market setups on a single FMP.

Yes. That's precisely one of the key advantages over Frontastic. Laioutr is backend-agnostic, and switching from commercetools to Shopify, Shopware, or another backend means reconfiguring an API connection, not rebuilding the frontend.

commercetools stores are treated in Laioutr as independent storefronts. Layouts, assortments, languages, and currencies can be configured separately per store. Channels are supported as a data layer; inventory and distribution logic remains in commercetools.

For a mid-size setup with clear branding and no exotic custom components: 8 to 14 weeks from kickoff to go-live. The ct API connection is usually up within the first week; the bulk of the effort lies in the component rebuild and content transfer.

We work with transparent SaaS plans based on traffic and required features. The total cost of ownership is typically below Frontastic pricing, because hosting, components, and editor are included in the license. We'll discuss the exact configuration in a demo call.

Yes. Laioutr components are extensible; custom configurators (automotive, industrial, customization) can be implemented as custom components. The state-management logic stays in the frontend; data persistence runs via commercetools custom objects or custom fields.

Yes. Server location EU/Germany, EU standard contractual clauses, German-language support, WCAG 3.0, and BFSG (the German Accessibility Reinforcement Act, binding since 2025) are covered as standard. Compliance is built in, not bolted on.

Yes. B2B features like customer groups, quote requests, approvals, and tiered pricing are provided via the commercetools API and rendered in Laioutr components. Specific B2B workflows such as approval flows can be extended via custom components.

There are three routes for a commercetools frontend: Frontastic, the official commercetools frontend since the 2021 acquisition, tightly integrated into the ct stack; a custom build with frameworks like Next.js, Nuxt, or Vue Storefront; or an independent Frontend Management Platform like Laioutr. Laioutr adds a visual page builder, 70+ e-commerce components, and EU hosting, is multi-backend capable, and avoids Frontastic lock-in.

Book a demo mobile
Strategy call

Ready to turn your frontend into a control layer?

Show us your stack, your roadmap, your replatforming scenario, and we'll show you how Laioutr fits, what it costs, and how fast you go live.

"After 30 minutes, we knew Laioutr makes our replatforming feasible." - Daniel B., CEO, hygibox.de