---
title: "Headless for Sylius | Frontend without the custom-build effort"
canonical_url: "https://www.laioutr.com/en/headless-frontend-for-sylius"
locale: en
meta:
description: "Headless for Sylius with Laioutr: visual builder, 70+ components, EU hosting. Live faster than building it yourself, BFSG-ready, multi-channel capable."
"og:description": "Headless for Sylius with Laioutr: visual builder, 70+ components, EU hosting. Live faster than building it yourself, BFSG-ready, multi-channel capable."
"og:title": "Headless for Sylius | Frontend without the custom-build effort"
---
Sylius x Laioutr
# Headless for Sylius, without the custom-build effort
The Frontend Management Platform for Sylius Community and Plus. Visual page builder, 70+ e-commerce components, EU hosting. Faster to launch than an in-house build, without Symfony frontend engineering, BFSG-compliant.
5.0 stars on OMR Reviews. Server location EU. BFSG-ready. In use by Symfony teams that want to launch faster.
[Request a demo](https://www.laioutr.com/en/contact)
Feel free to reach out to one of our partners for your e-commerce frontend built on Laioutr.
[](https://www.bestit.de/ "Best it")
5/5
OMR Reviews
70+
E-commerce components
Lighthouse 100
Performance from day 1
Made in EU
GDPR-compliant, servers in Germany
## What does headless mean for Sylius?
Headless for Sylius separates the frontend — everything your customers see — from the Sylius backend with products, channels, orders, and checkout. The frontend connects via the Sylius API Platform (REST and GraphQL) and can be designed freely, without Twig theme limits and with full performance control.
Book a strategy call
# 1. The backend stays Sylius
Sylius continues to manage products, channels, customer hierarchies, orders, taxes, and checkout. You use the Symfony-based admin interface unchanged, with all the familiar workflows and plugin extensions.
# 2. The frontend is chosen
You have four options: keep the Twig storefront, custom build (Next.js or Nuxt), Vue Storefront with Sylius integration, or a Frontend Management Platform like Laioutr. Each option has pros and cons.
# 3. Data flows via the API Platform in real time
No data duplication, no sync conflicts. Laioutr talks directly to the Sylius API Platform (REST and GraphQL), including multi-channel, customer-group, and Sylius Plus support.
Benefits
## What frontend options do you have for Sylius?
Unlike Shopify or commercetools, Sylius has no official headless frontend product. That puts the frontend question on the table for every composable Sylius project. Four options are established in the market.
Book a strategy call
# 1. Twig storefront (default)
The storefront shipped with Sylius, Symfony-based with Twig templates and Bootstrap. Solid for standard setups, but the performance ceiling and theme limitations become noticeable beyond a certain size. Sensible for small shops or as a transitional solution.
# 2. Custom build (Next.js or Nuxt)
Maximum control, maximum effort. A six- to twelve-month build phase, ongoing maintenance by an internal Symfony and React or Vue team. It makes sense if frontend engineering is your strategic core competency.
# 3. Vue Storefront with Sylius integration
An open-source PWA frontend with a community-maintained Sylius connection. An active community, but no official Sylius product and no direct enterprise support network. It makes sense if you have a Vue team and open source is strategically important.
# 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, without a custom-build investment.
USE CASES
## What you build with Laioutr for Sylius
Laioutr is designed for Sylius setups that need to change fast and scale globally. From the multi-channel storefront for brand portfolios to the B2B configurator frontend with Sylius Plus.
Book a strategy call
# Multi-channel storefronts on a single Sylius backend
Multiple Sylius channels (brands, markets, sales channels) on a single instance with independent frontends, their own domains, their own brand identity. One component pool, multiple brand presences.
# B2B portals with Sylius Plus customer hierarchies
Sylius Plus provides customer hierarchies, customer pools, loyalty programs. Laioutr calls the Sylius API directly and renders customer-group-specific prices, assortments, approval workflows.
# Configurator-driven PDPs
Industrial goods, customization workflows, B2B specifications. Complex state-management logic is solved at the Laioutr component level, while Sylius API calls stay cleanly separated.
# International storefronts with dedicated channels per market
One Sylius instance, many channels. Languages, currencies, layouts, and assortments can be controlled per channel, compatible with the Sylius channels concept.
# Replatforming from Twig to headless without touching the backend
An existing Sylius stack to be renewed on the frontend side, without touching the backend configuration. Migration in phases, with a clear rollback plan.
# Greenfield storefronts on new Sylius projects
A new Sylius project, a fresh start. With Laioutr themes and the UI library, this goes into production in weeks, instead of investing months in a custom build.
Laioutr vs. custom build for Sylius
## The honest comparison
Sylius has no official headless frontend product. The most common frontend decision is therefore: custom build in Next.js or Nuxt, or a Frontend Management Platform like Laioutr. A custom build gives maximum control, but costs a six- to twelve-month build phase and ongoing maintenance. Laioutr delivers Studio, 70+ components, and hosting in the plan, with full code extensibility for edge cases. Both work with Sylius Community and Plus.
Pricing Plans Comparison
| Compare differences | Laioutr DXP | Custom Build (Next.js / Nuxt) |
| --- | --- | --- |
| Laioutr DXP Custom Build (Next.js / Nuxt) |
| Builder und 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. | Inklusive (Studio) Live-Preview, komponentenbasiert | Nicht enthalten Eigenbau oder externes CMS |
| E-Commerce-Komponenten Vorgefertigte UI-Bausteine für Storefronts, Produkt- und Landingpages. | 70+ Komponenten Design-Token-basiert, anpassbar | Selbst aufbauen Komplette UI-Bibliothek selbst entwickeln |
| Themes und Vorlagen Startpunkt für neue Storefronts ohne Greenfield-Aufwand. | Vorgefertigte Themes Sofort einsatzbereit, voll erweiterbar | Greenfield Designsystem komplett selbst aufbauen |
| Hosting Wo das Frontend ausgeliefert wird und wer es betreibt. | Inklusive (EU-CDN) Laioutr Cloud, kein separater Deploy | Selbst hosten Vercel, AWS, eigene Infrastruktur |
| 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 Sylius, Shopware, commercetools, Shopify | Backend-spezifisch Code an Sylius API gebunden, Wechsel teuer |
| 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-Engineering durch Team |
| 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 | Hosting-abhängig Je nachdem, wo Sie deployen |
| 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 | Hoch React/Vue plus Symfony plus Sylius-API |
| Time-to-Launch Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront. | Wochen Mit Themes und UI-Bibliothek | Monate Sechs- bis zwölfmonatige Build-Phase |
| Ideales Team-Setup Wer mit der Plattform arbeiten kann und wer arbeiten muss. | Cross-funktional Marketing, Design und Dev gemeinsam | Engineering-only Drei plus React- oder Vue-Engineers |
| Preismodell Wie sich Kosten zusammensetzen, Software plus Betrieb plus Entwicklung. | [SaaS (planbar) Transparente Pläne, Hosting inklusive](https://www.laioutr.com/de/pricing) [Preise ansehen](https://www.laioutr.com/de/pricing) | Engineering-Kosten Build plus dauerhafte Wartung |
*All data is based on publicly available information, experience from sales conversations with DACH e-commerce brands, and our own platform testing. As of April 2026. Sylius features may have evolved since.*
SYLIUS
# When a custom build is the right choice
You have a dedicated React or Vue team with Symfony and Sylius experience, at least three engineers. You're building exactly one Sylius storefront with extremely specialized requirements. Frontend engineering is your strategic core competency. Classic use case: a DTC brand with its own engineering team and a demand for pixel-level control.
LAIOUTR
# When Laioutr is the right choice
You want weeks instead of months to go-live, marketing should build pages independently, you serve multiple Sylius channels or brands, you want to keep your backend optionality open, and BFSG as well as WCAG 3.0 must be handled without a separate audit. Classic use case: a mid-market or enterprise Sylius shop that wants to scale without a double-digit engineering investment.
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 Sylius setup too. Pick a starting point and go live faster.
[View Blueprints](https://www.laioutr.com/en/blueprints)
UI PREVIEW
## What you can build with Laioutr for Sylius
Product launch pages, home pages, product detail pages, product list pages, sales pages, blogs, content pages, and more.
[Explore the UI preview](https://preview.laioutr.com/)
You don't have to do this alone. Our certified composable partners have delivered commercetools frontend projects with Laioutr, from greenfield setups to Frontastic migrations.
[](https://www.bestit.de/ "Best it")
FAQ
## Frequently asked questions about headless for commercetools
Does Laioutr work with Sylius Community Edition and Plus?
Yes. Laioutr uses the Sylius API Platform (REST and GraphQL) available in Community Edition and Plus. Sylius Plus features like customer hierarchies, loyalty programs, and returns management are also supported, provided the corresponding API endpoints are enabled.
How does Laioutr differ from a custom build with Next.js?
A custom build typically costs a six- to twelve-month engineering investment plus ongoing maintenance by an internal React or Vue team. Laioutr delivers Studio, 70+ components, and hosting in the plan. Time-to-launch drops from months to weeks, and the total cost of ownership is typically well below.
How does Laioutr integrate the Sylius API Platform?
Laioutr connects via the official Sylius API Platform endpoints (REST and GraphQL). The API Platform has been standard since Sylius 1.10; we support all standard operations plus custom endpoints for project-specific logic.
Does Laioutr work with Sylius multi-channel?
Yes. Sylius channels are treated in Laioutr as independent storefronts. Layouts, assortments, languages, and currencies can be configured separately per channel.
Can we use Sylius Plus B2B features like customer hierarchies?
Yes. Sylius Plus B2B features (customer hierarchies, customer pools, approval workflows) are provided via the API and rendered in Laioutr components. Specific B2B workflows can be extended via custom components.
How does Laioutr behave after CoreMedia's acquisition of Sylius?
CoreMedia's 2023 acquisition has no impact on the Laioutr-Sylius integration. We use the official Sylius API Platform, which remains stable regardless of the ownership structure. Should Sylius eventually merge into CoreMedia products, you benefit from Laioutr's backend agnosticism: the frontend stays in place.
How long does a migration from Twig to Laioutr take?
For a mid-size setup with clear branding and no exotic custom logic: 8 to 14 weeks from kickoff to go-live. With multi-channel or Sylius Plus B2B setups, correspondingly more.
How does Laioutr's pricing compare to an in-house build?
We work with transparent SaaS plans based on traffic and required features. The total cost of ownership is typically below a custom build, because hosting, components, and editor are included in the license and no separate frontend engineering team is needed.
Can we switch backends later without rebuilding the frontend?
Yes. Laioutr is backend-agnostic. Switching from Sylius to Shopify, Shopware, commercetools, or another backend means reconfiguring an API connection, not rebuilding the frontend.
Is the solution BFSG- and GDPR-compliant?
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.
What about the Sylius plugins we currently use?
Backend plugins (inventory, pricing, promotions, shipping) stay unchanged. Frontend-oriented plugins (pop-ups, reviews, personalization) are typically replaced by Laioutr components or pre-integrated apps from our App Store. We review your plugin stack in the migration audit.
[Sylius B2B: Pairing the Symfony Backend with a Composable Storefront
Sylius is one of the most extensible open-source commerce backends available today, built directly o…](https://www.laioutr.com/en/blog/sylius-b2b-composable-storefront-2026)
[Headless Frontend for Sylius: A Composable Storefront for the Symfony Open-Source Backend
Sylius is one of the most respected open-source e-commerce platforms in the Symfony ecosystem. It is…](https://www.laioutr.com/en/blog/headless-frontend-for-sylius-composable-2026)
[Click & Collect and Store Availability: the Unified Commerce Frontend
Click & Collect is no longer a differentiator. It is a baseline expectation. When a shopper open…](https://www.laioutr.com/en/blog/unified-commerce-click-collect-filialverfuegbarkeit)
[Headless Checkout: Lifting Conversion at the Bottom of the Funnel
Checkout is the most expensive point in the e-commerce funnel. Not expensive because it costs a lot …](https://www.laioutr.com/en/blog/headless-checkout-conversion-funnel-ende)
[B2C Storefront Components: What a Modern Online Shop Needs in 2026
A modern B2C online shop is no longer something you set up once and leave running for five years. Ca…](https://www.laioutr.com/en/blog/b2c-storefront-komponenten-moderner-onlineshop-2026)
[Sylius 2 Just Hit the Mid-Market Sweet Spot
My take is this: the DACH mid-market quietly got a new serious option in May 2026, and most of the b…](https://www.laioutr.com/en/blog/sylius-2-addons-marketplace-mid-market-open-source-composable-2026)
[Native Shop System Frontends Compared: Hydrogen, Spartacus, FastStore and the Limits of Built-in Storefronts
Every serious e-commerce platform now ships its own frontend solution. Shopify has Hydrogen, SAP Com…](https://www.laioutr.com/en/blog/shop-frontends-comparison)
[Speed-to-Market in Headless Commerce: Why Velocity Has Become a Non-Negotiable
The quiet way market position erodesMost brands that lose ground in their category never see the mom…](https://www.laioutr.com/en/blog/speed-to-market-in-headless-commerce-why-velocity-has-become-a-non-negotiable)
[Sylius Headless Migration Step by Step (2026 Guide)
A Sylius headless migration is not a theme update with extras. It's a project of its own with ph…](https://www.laioutr.com/en/blog/sylius-headless-migration-step-by-step)
[Sylius Frontend Alternative: When an FMP Fits Better
Bei jedem Sylius-Projekt kommt früher oder später die Frage: welche Frontend-Strategie? Die etablier…](https://www.laioutr.com/en/blog/sylius-frontend-alternative)
[Sylius Frontend Custom Build vs. Laioutr: Which Fits?
If you want to run Sylius headless, you have several frontend options. Unlike Shopify (Hydrogen) or …](https://www.laioutr.com/en/blog/sylius-frontend-custom-build-vs-laioutr-which-frontend-for-which-team)
[Sylius Headless: When Is the Switch Worth It? (2026)
Sylius ist als Symfony-basiertes E-Commerce-Framework genau dort stark, wo Standard-SaaS an Grenzen …](https://www.laioutr.com/en/blog/sylius-headless-when-is-the-switch-worth-it)
[Microfrontends for eCommerce: A Practical Guide to Scalable Storefronts
If your online store has been running for a few years, you've likely felt the drag of a bloated …](https://www.laioutr.com/en/blog/microfrontends-ecommerce-practical-guide-2026)
[Laioutr Is Now an Official commercetools Technology Partner
We're excited to share a major milestone: Laioutr is now officially listed as a Technology Partn…](https://www.laioutr.com/en/blog/laioutr-is-now-an-official-commercetools-technology-partner)
[Progressive Web Apps for eCommerce: The 2026 Guide
Mobile commerce now accounts for more than 70 percent of global online shopping traffic, yet mobile …](https://www.laioutr.com/en/blog/pwa-ecommerce)
STILL UNSURE?
# Ready to rethink your Sylius store as headless?
30 minutes with our team. We'll show you Laioutr live on your Sylius setup and answer all your questions about migration, performance, and pricing
[Request a demo](https://www.laioutr.com/en/contact)
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.laioutr.com/#identity",
"name": "Laioutr",
"legalName": "Laioutr GmbH",
"url": "https://www.laioutr.com/",
"logo": {
"@type": "ImageObject",
"url": "https://www.laioutr.com/laioutr-logo.png",
"width": 400,
"height": 400
},
"email": "info@laioutr.com",
"telephone": "+49 30 75435715",
"address": {
"@type": "PostalAddress",
"streetAddress": "Münchweilersteig 5",
"postalCode": "12559",
"addressLocality": "Berlin",
"addressCountry": "DE"
},
"vatID": "DE450905846",
"sameAs": [
"https://www.linkedin.com/company/laioutr",
"https://www.youtube.com/@Laioutr",
"https://x.com/laioutr"
]
},
{
"@type": "WebSite",
"@id": "https://www.laioutr.com/en/#website",
"url": "https://www.laioutr.com/en/",
"name": "Laioutr",
"inLanguage": "en",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": [
"WebPage",
"FAQPage"
],
"@id": "https://www.laioutr.com/en/headless-frontend-for-sylius#webpage",
"url": "https://www.laioutr.com/en/headless-frontend-for-sylius",
"name": "Headless for Sylius | Frontend without the custom-build effort",
"description": "Headless for Sylius with Laioutr: visual builder, 70+ components, EU hosting. Live faster than building it yourself, BFSG-ready, multi-channel capable.",
"inLanguage": "en",
"isPartOf": {
"@id": "https://www.laioutr.com/en/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/en/headless-frontend-for-sylius#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmlawavvinkyp06l5t7x2yl4r"
},
"mainEntity": [
{
"@type": "Question",
"name": "Does Laioutr work with Sylius Community Edition and Plus?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Laioutr uses the Sylius API Platform (REST and GraphQL) available in Community Edition and Plus. Sylius Plus features like customer hierarchies, loyalty programs, and returns management are also supported, provided the corresponding API endpoints are enabled."
}
},
{
"@type": "Question",
"name": "How does Laioutr differ from a custom build with Next.js?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A custom build typically costs a six- to twelve-month engineering investment plus ongoing maintenance by an internal React or Vue team. Laioutr delivers Studio, 70+ components, and hosting in the plan. Time-to-launch drops from months to weeks, and the total cost of ownership is typically well below."
}
},
{
"@type": "Question",
"name": "How does Laioutr integrate the Sylius API Platform?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Laioutr connects via the official Sylius API Platform endpoints (REST and GraphQL). The API Platform has been standard since Sylius 1.10; we support all standard operations plus custom endpoints for project-specific logic."
}
},
{
"@type": "Question",
"name": "Does Laioutr work with Sylius multi-channel?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Sylius channels are treated in Laioutr as independent storefronts. Layouts, assortments, languages, and currencies can be configured separately per channel."
}
},
{
"@type": "Question",
"name": "Can we use Sylius Plus B2B features like customer hierarchies?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Sylius Plus B2B features (customer hierarchies, customer pools, approval workflows) are provided via the API and rendered in Laioutr components. Specific B2B workflows can be extended via custom components."
}
},
{
"@type": "Question",
"name": "How does Laioutr behave after CoreMedia's acquisition of Sylius?",
"acceptedAnswer": {
"@type": "Answer",
"text": "CoreMedia's 2023 acquisition has no impact on the Laioutr-Sylius integration. We use the official Sylius API Platform, which remains stable regardless of the ownership structure. Should Sylius eventually merge into CoreMedia products, you benefit from Laioutr's backend agnosticism: the frontend stays in place."
}
},
{
"@type": "Question",
"name": "How long does a migration from Twig to Laioutr take?",
"acceptedAnswer": {
"@type": "Answer",
"text": "For a mid-size setup with clear branding and no exotic custom logic: 8 to 14 weeks from kickoff to go-live. With multi-channel or Sylius Plus B2B setups, correspondingly more."
}
},
{
"@type": "Question",
"name": "How does Laioutr's pricing compare to an in-house build?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We work with transparent SaaS plans based on traffic and required features. The total cost of ownership is typically below a custom build, because hosting, components, and editor are included in the license and no separate frontend engineering team is needed."
}
},
{
"@type": "Question",
"name": "Can we switch backends later without rebuilding the frontend?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Laioutr is backend-agnostic. Switching from Sylius to Shopify, Shopware, commercetools, or another backend means reconfiguring an API connection, not rebuilding the frontend."
}
},
{
"@type": "Question",
"name": "Is the solution BFSG- and GDPR-compliant?",
"acceptedAnswer": {
"@type": "Answer",
"text": "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."
}
},
{
"@type": "Question",
"name": "What about the Sylius plugins we currently use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Backend plugins (inventory, pricing, promotions, shipping) stay unchanged. Frontend-oriented plugins (pop-ups, reviews, personalization) are typically replaced by Laioutr components or pre-integrated apps from our App Store. We review your plugin stack in the migration audit."
}
}
]
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/en/headless-frontend-for-sylius#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/en/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Headless for Sylius: Frontend without the custom-build effort"
}
]
}
]
}
```