---
title: "Frontend headless pour OXID eShop sans sur-mesure | Laioutr"
canonical_url: "https://www.laioutr.com/fr/headless-frontend-for-oxid"
locale: fr
meta:
description: "Frontend headless pour OXID eShop via l’API GraphQL : page builder visuel, plus de 70 composants, prêt pour le B2B. Plus rapide qu’un sur-mesure."
"og:description": "Frontend headless pour OXID eShop via l’API GraphQL : page builder visuel, plus de 70 composants, prêt pour le B2B. Plus rapide qu’un sur-mesure."
"og:title": "Frontend headless pour OXID eShop sans sur-mesure | Laioutr"
---
OXID × Laioutr
# Frontend headless pour OXID, sans développement sur mesure
La Frontend Management Platform pour OXID eShop : page builder visuel, headless CMS intégré et plus de 70 composants e-commerce, avec hébergement UE en add-on. En ligne plus vite qu'un développement sur mesure avec Next.js, pour toutes les éditions OXID, avec des besoins B2B connectés au cas par cas.
5,0 étoiles sur OMR Reviews. Hébergement UE disponible. Conforme BFSG. Utilisé avec des partenaires OXID de la région DACH.
[Demander une démo](https://www.laioutr.com/fr/contact)
Les partenaires du réseau Laioutr réalisent des frontends e-commerce basés sur Laioutr.
[](https://www.bestit.de/ "Best it")
5/5
OMR Reviews
70+
Composants e-commerce
Lighthouse 100
Performance dès le jour 1
Made in EU
Conforme au RGPD dès la conception, hébergement UE disponible
## Que signifie un frontend headless pour OXID ?
Un frontend headless pour OXID sépare la storefront, tout ce que voient les clientes et clients, du backend OXID avec les produits, les groupes de clients, la logique B2B et les processus de commande. À la place de Flow ou Wave, le frontend est connecté via l'API GraphQL d'OXID et se conçoit librement, sans limites de thème et avec un contrôle total de la performance.
Pour aller plus loin : les articles sur [quand un passage au headless vaut le coup pour OXID](https://www.laioutr.com/fr/blog/oxid-headless-when-is-the-switch-worth-it), la [migration OXID 6 vers 7](https://www.laioutr.com/fr/blog/oxid-6-to-7-upgrade-decouple-frontend-without-replatforming) et [ce que la fin de vie d'OXID 6 implique pour le frontend](https://www.laioutr.com/fr/blog/oxid-6-end-of-life-frontend-implications-2026).
[Réserver un entretien stratégique](https://www.laioutr.com/fr/contact)
### 1. Le backend reste OXID
OXID continue de gérer les produits, les groupes de clients, les assortiments spécifiques, la logique fiscale, les commandes et le checkout. L'administration OXID reste inchangée, y compris les modules B2B de l'Enterprise Edition.
### 2. Le frontend est choisi
Quatre options sont établies : le thème Flow (standard), le thème Wave (variante plus moderne, également non headless), un développement sur mesure avec Next.js ou Nuxt sur l'API GraphQL d'OXID, ou une Frontend Management Platform comme Laioutr.
### 3. Les données circulent via GraphQL en temps réel
Pas de second stock de données ni de conflits de synchronisation : Laioutr lit les produits, les catégories, la recherche et le panier directement via l'API GraphQL d'OXID. Les fonctions B2B comme les assortiments spécifiques et les validations sont connectées dans le projet via Orchestr.
OPTIONS
## Quelles options de frontend existent pour OXID ?
OXID ne dispose pas de framework headless officiel comme PWA Studio pour Magento. Le choix se fait entre des thèmes classiques, un développement sur mesure sur l'API GraphQL et une Frontend Management Platform. Quatre options sont établies sur le marché. Voici quand chacune est pertinente.
[Réserver un entretien stratégique](https://www.laioutr.com/fr/contact)
### 1. Flow Theme (storefront par défaut)
Basé sur Smarty, fourni par défaut avec OXID, sans headless. Pertinent pour des installations existantes sans plan de migration ou pour des projets avec peu de personnalisation. Les limites en performance et en modernisation sont réelles.
### 2. Wave Theme
Variante de thème plus moderne, également basée sur Smarty. Pertinente pour remplacer Flow sans passer déjà au headless. Une meilleure interface que Flow, mais les mêmes limites d'architecture.
### 3. Développement sur mesure sur l'API GraphQL d'OXID (Next.js, Nuxt, Alokai)
Contrôle maximal, effort maximal. Une phase de développement de six à neuf mois, puis une maintenance continue avec deux à trois ingénieurs. Pertinent pour des équipes enterprise disposant de leur propre ingénierie frontend et de besoins B2B très spécifiques.
### 4. Laioutr
Une Frontend Management Platform avec builder visuel, plus de 70 composants, headless CMS intégré et support multi-backend, avec hébergement UE en add-on. Pertinente pour une mise en ligne rapide, une vélocité marketing sans sprint technique par page et des besoins B2B connectés au cas par cas.
CAS D'USAGE
## Ce qui se construit avec Laioutr pour OXID
Laioutr est conçu pour les configurations OXID qui veulent dépasser les limites des thèmes classiques sans lancer un développement sur mesure de plusieurs mois avec une équipe Next.js interne : du portail B2B spécifique à la storefront multi-marque.
[Réserver un entretien stratégique](https://www.laioutr.com/fr/contact)
### Portails B2B avec assortiments spécifiques et validations
Les workflows B2B restent dans OXID. Laioutr les connecte dans le projet via Orchestr et affiche les prix, assortiments et droits spécifiques dans des composants dédiés.
### Modernisation de Flow Theme ou Wave Theme
Une stack de thèmes Smarty existante doit être remplacée, sans toucher au backend OXID. Migration par phases, sans que la performance existante en pâtisse.
### Storefronts multi-marques sur une seule instance OXID
Plusieurs marques sur une seule instance OXID EE, avec leurs propres frontends, leurs propres domaines, un backend partagé et une configuration B2B partagée.
### Setups d'internationalisation avec workflows B2B localisés
OXID multi-pays avec des listes de prix localisées, des workflows de TVA et des variantes linguistiques. Le frontend est configuré dans Studio, sans mettre en place un build sur mesure par marché.
### Remplacement d'un développement sur mesure sur l'API GraphQL d'OXID
Un développement sur mesure avec Next.js sur l'API GraphQL d'OXID est en production et l'équipe technique s'est réduite. Passage à une Frontend Management Platform sans toucher au backend OXID.
### Storefronts greenfield sur de nouveaux projets OXID
Nouveau projet OXID, nouveau départ. Avec les Blueprints et la bibliothèque de composants, la storefront est opérationnelle en quelques semaines au lieu de mois de développement sur mesure.
Laioutr vs développement sur mesure avec l'API GraphQL d'OXID
## Laioutr et un développement sur mesure sur OXID comparés
Le développement sur mesure est la voie la plus courante vers le headless avec OXID : l'API GraphQL d'OXID plus un frontend interne en Next.js, Nuxt ou Alokai. Laioutr est une Frontend Management Platform complète avec builder visuel, bibliothèque de composants, headless CMS intégré et support multi-backend. Les deux fonctionnent avec OXID. Le développement sur mesure offre un contrôle maximal du code avec une équipe frontend interne ; Laioutr offre la vélocité marketing et des coûts totaux prévisibles.
Comparatif des formules tarifaires
| Comparer les différences | Laioutr | Eigenbau (Next.js + OXID GraphQL API) |
| --- | --- | --- |
| Laioutr Eigenbau (Next.js + OXID GraphQL API) |
| Builder und Komponenten Was ab Werk enthalten ist, mit Fokus auf B2B und DACH-Mittelstand. |
| Visueller Page Builder Drag-and-Drop-Editor für Marketing- und Content-Teams. | Inklusive (Studio) Live-Preview, komponentenbasiert | Nicht enthalten Reine Code-Entwicklung in Next.js |
| B2B-Komponenten Vorgefertigte UI-Bausteine für B2B-Storefronts. | 70+ Komponenten B2B-Bausteine, B2B-Logik projektspezifisch angebunden | Selbst bauen B2B-UI als Custom-Build pro Workflow |
| Blueprints und Vorlagen Startpunkt für neue Storefronts ohne Greenfield-Aufwand. | Blueprints Sofort einsatzbereit, voll erweiterbar | Greenfield Storefront komplett selbst designen |
| Hosting Wo das Frontend ausgeliefert wird und wer es betreibt. | Als Add-on (Laioutr Cloud) Edge Hosting, nicht in der Lizenz enthalten | Selbst hosten Vercel, AWS, Hetzner, eigene Infrastruktur |
| Architektur und OXID-Integration Wie das Frontend das OXID-Backend nutzt und wie viel Eigenleistung nötig ist. |
| Backend-Flexibilität Welche E-Commerce-Backends sich anbinden lassen. | Multi-Backend OXID, Shopware, commercetools, weitere | OXID-spezifisch Code ist auf OXID-Schema zugeschnitten |
| OXID-API-Anbindung Wie das Frontend mit dem OXID-Backend kommuniziert. | GraphQL API Standard-Anbindung über offizielles Modul | GraphQL API Standard-Anbindung über offizielles Modul |
| 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 |
| Team und Wirtschaftlichkeit Wer mit der Plattform produktiv ist und welche Kosten über die Zeit entstehen. |
| Lernkurve Wie schnell ein neues Teammitglied produktiv wird. | Niedrig Marketing onboardet in Tagen | Hoch Next.js, GraphQL, OXID-Schema |
| Time-to-Launch Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront. | Wochen Mit Blueprints und Komponenten | Monate 6 bis 9 Monate Build-Phase |
| Ideales Team-Setup Wer mit der Plattform arbeiten kann und wer arbeiten muss. | Cross-funktional Marketing, Design und Dev gemeinsam | Engineering-only Next.js-Team mit OXID-Erfahrung |
| Total Cost of Ownership Software plus Engineering plus Wartung über 3 bis 5 Jahre. | [SaaS (planbar) Komponenten inklusive, Hosting als Add-on](https://www.laioutr.com/pricing) [Preise ansehen](https://www.laioutr.com/pricing) | Engineering-lastig Hohe Build- und Wartungs-Kosten |
*Toutes les données reposent sur des informations publiquement disponibles, sur les enseignements tirés d'échanges commerciaux avec des marques e-commerce de la région DACH ainsi que sur nos propres tests de la plateforme. À jour au : avril 2026. Les fonctionnalités d'OXID ont pu évoluer depuis.*
OXID
### Quand un développement sur mesure est le bon choix
Une équipe Next.js ou Nuxt interne expérimentée sur l'API OXID (au moins trois ingénieurs) est en place, des phases de développement de six à neuf mois sont acceptables, la différenciation au pixel près est stratégique, des workflows B2B très spécifiques ne peuvent pas être couverts par des composants standard, et la maintenance technique est budgétée sur plusieurs années. Cas typique : un fabricant de biens industriels avec un configurateur complexe et sa propre équipe frontend.
LAIOUTR
### Quand Laioutr est le bon choix
Mise en ligne en semaines plutôt qu'en mois, le marketing construit ses pages en autonomie, les fonctions B2B standard sont connectées au cas par cas, il n'y a pas d'équipe d'ingénierie frontend interne, le coût total de possession sur cinq ans compte, et la conformité BFSG doit être assurée sans audit séparé. Cas typique : une marque B2B de taille moyenne de la région DACH sur OXID qui veut se moderniser sans constituer d'équipe frontend.
BLUEPRINTS
## Démarrez avec un Blueprint plutôt que de zéro
Les Blueprints sont des frontends pré-composés par secteur, personnalisables immédiatement et combinables avec OXID comme source de données. Un point de départ adapté raccourcit le chemin vers la mise en ligne.
[Voir les Blueprints](https://www.laioutr.com/fr/blueprints)
APERÇU UI
## Types de pages pour un frontend OXID avec Laioutr
Pages de lancement de produit, pages d'accueil, pages de détail produit, pages de listing produit, pages de vente, blogs, pages de contenu, etc.
[Voir les démos de boutique](https://www.laioutr.com/fr/shop-demos)
Des partenaires d'intégration OXID réalisent des projets frontend avec Laioutr, du remplacement du thème Flow à celui d'un développement sur mesure.
[](https://www.bestit.de/ "Best it")
FAQ
## Questions fréquentes sur le frontend headless pour OXID
Laioutr fonctionne-t-il avec OXID Community, Professional et Enterprise Edition ?
Oui. Laioutr utilise l'API GraphQL d'OXID, compatible avec les trois éditions. Les fonctions B2B comme l'account selection et les permission sets font partie de l'Enterprise Edition et sont connectées dans le projet.
En quoi Laioutr diffère-t-il d'un développement sur mesure sur l'API GraphQL d'OXID ?
Un développement sur mesure avec Next.js ou Nuxt est code-first et nécessite une équipe frontend interne ainsi qu'une phase de développement de plusieurs mois. Laioutr est une plateforme frontend prête à l'emploi avec builder visuel, plus de 70 composants et headless CMS intégré, l'hébergement étant disponible en add-on. Résultat : une mise en ligne plus rapide, une courbe d'apprentissage plus douce et une équipe marketing autonome.
Pouvons-nous utiliser les fonctionnalités B2B d'OXID comme l'account selection et les permission sets ?
Oui, au cas par cas. Les fonctions B2B d'OXID EE comme l'account selection, les permission sets, les assortiments spécifiques et les listes de prix restent dans le backend OXID ; elles sont connectées dans le projet via Orchestr et affichées dans des composants Laioutr.
Comment Laioutr se comporte-t-il vis-à-vis des modules OXID issus de l'OXID Marketplace ?
Les modules OXID qui fournissent des fonctionnalités backend restent utilisables. Les modules comportant des composants frontend (templates Smarty) ne sont pas repris à l'identique avec Laioutr ; ils doivent être reconstruits sous forme de composants dans Studio ou intégrés via des composants personnalisés.
Laioutr fonctionne-t-il avec les ERP allemands comme SAP, abas, Microsoft Dynamics ?
Oui. L'intégration ERP passe par les connecteurs backend d'OXID, sans toucher au frontend. L'intégration d'outils tiers via le Laioutr App Store pour les workflows marketing (e-mail, CRM, analytics) est standard.
Pouvons-nous continuer à utiliser nos setups d'analytics et de tracking OXID existants ?
Oui. Les tags d'analytics (Google Analytics, etracker, Matomo) sont intégrés via JavaScript, exactement comme avec toute autre solution frontend. Les setups conformes au RGPD via des outils de gestion des cookies (Usercentrics, OneTrust) fonctionnent comme d'habitude.
Combien de temps prend une migration depuis Flow Theme ou Wave Theme ?
Un pilote est généralement en ligne en 14 jours, et les migrations accompagnées vers Laioutr durent en médiane moins de 14 jours. Les workflows B2B complexes ou les configurations sur plusieurs éditions demandent plus de temps. La migration accompagnée par les fondateurs est standard, sans supplément.
Combien coûte Laioutr par rapport à un développement sur mesure et son ingénierie ?
Un développement sur mesure sur l'API GraphQL d'OXID n'entraîne pas de coût de licence (le module fait partie d'OXID), mais l'investissement technique est important : une phase de développement de six à neuf mois, puis une maintenance continue avec deux à trois ingénieurs. Laioutr est un SaaS avec des plans transparents ; Studio et les composants sont inclus, l'hébergement est disponible en add-on. Le coût total de possession est généralement inférieur de 30 à 50 % à celui d'un développement sur mesure.
Pourrons-nous plus tard quitter le backend OXID sans reconstruire le frontend ?
Oui. C'est justement l'un des avantages majeurs par rapport à un build sur mesure. Laioutr est agnostique quant au backend : passer d'OXID à Shopware, Adobe Commerce ou un autre backend consiste à reconfigurer une connexion API, pas à reconstruire le frontend.
La solution est-elle conforme au BFSG et au RGPD ?
Oui. Conforme au RGPD dès la conception, hébergement UE disponible (autres régions sur demande), résidence régionale des données possible, support en allemand. Les WCAG 3.0 et la BFSG (loi allemande sur l'accessibilité, obligatoire depuis 2025) sont prises en compte dans le standard des composants. Exactement ce dont les entreprises de taille moyenne sur OXID ont besoin dans la région DACH.
Laioutr est-il OXID Solution Partner ?
Oui, Laioutr est partenaire officiel d'OXID.
OXID eShop peut-il fonctionner en headless ?
Oui. OXID eShop fournit les données nécessaires via l'API GraphQL et Laioutr y ajoute le frontend découplé. Le backend reste OXID, le frontend devient headless et performant, sans développement sur mesure.
Que signifie le passage d'OXID 6 à OXID 7 pour le frontend ?
Le changement de version accroît la pression pour moderniser le frontend. Un frontend Laioutr découplé sépare cette décision du backend : la storefront est modernisée indépendamment et prête pour OXID 7, sans reconstruction complète du thème.
Laioutr utilise-t-il l'API GraphQL Storefront d'OXID ?
Oui. Laioutr interroge l'API GraphQL Storefront d'OXID via la couche Orchestr et normalise produits, catégories, prix et panier dans un modèle de données frontend unifié, afin que les composants de la storefront restent agnostiques du backend.
Un frontend OXID headless fonctionne-t-il aussi pour le B2B avec prix dégressifs et devis ?
Oui. La logique B2B avec prix dégressifs, prix spécifiques et demandes de devis reste dans le backend OXID. Le connecteur standard inclut les prix dégressifs ; les parcours de compte, de validation et de commande rapide sont connectés dans le projet via Orchestr et affichés dans des composants Laioutr.
## Insights sur OXID
[Tous les insights](https://www.laioutr.com/fr/blogs/insights)
[OXID eSales pour les grossistes B2B : un frontend moderne sans changer de backend
Les grossistes B2B sous OXID eSales peuvent moderniser leur couche frontend, ajouter des prix degres…](https://www.laioutr.com/fr/blog/oxid-b2b-wholesale-frontend-modernization-2026)
[Le marché headless 2026 : quatre stratégies d'entreprise, et où la couche frontend décide vraiment
CX Today a publié cette semaine un panorama des « quatre stratégies d'entreprise qui redessinent…](https://www.laioutr.com/fr/blog/2026-headless-market-four-enterprise-strategies-frontend-layer)
[Le storefront en 30 minutes est la partie facile. Le storefront sur trois ans est le travail
Cette semaine, on a de nouveau parlé de vitesse. Le 2 juillet, Salesforce a rendu son Storefront Nex…](https://www.laioutr.com/fr/blog/frontend-management-vs-generation-lifecycle-fmp-2026)
[Check de maturité Composable : quand le composable vaut-il vraiment le coup ?
La discussion autour du commerce composable a changé de nature. Ceux qui ont suivi K5 2026 connaisse…](https://www.laioutr.com/fr/blog/composable-readiness-check-dach-mid-market-2026)
[L'indépendance frontend devient un critère d'achat (Récap Semaine 26)
Cette semaine, trois mouvements dans la stack commerce se sont chevauchés, et ils touchent tous la m…](https://www.laioutr.com/fr/blog/frontend-independence-buying-criterion-2026-wrap)
[OXID 6 fin de vie : ce que le calendrier signifie pour votre frontend
OXID 6 n'est plus un produit courant, c'est une version en cours d'abandon. Dans le plan…](https://www.laioutr.com/fr/blog/oxid-6-end-of-life-frontend-implications-2026)
[The Composable Stack in the DACH Mid-Market: What Actually Ships After K5
Le K5 de Berlin est terminé, et le secteur s'accorde sur un point : le composable commerce est a…](https://www.laioutr.com/fr/blog/composable-commerce-dach-mid-market-experience-layer-2026)
[Spree BBQ 2026
](https://www.laioutr.com/fr/blog/spree-bbq-2026-frontend-stack-dach-live)
[Évaluer une frontend management platform
Le marché des frontend management platforms (FMP) se consolide rapidement. Ce qui était encore un te…](https://www.laioutr.com/fr/blog/frontend-management-platform-evaluation-checklist-2026)
[MCP Commerce
](https://www.laioutr.com/fr/blog/mcp-endpoints-storefront-agent-actions-2026)
[Frontend management platform : une catégorie à part
Pourquoi le stack autonome fait de la couche d'expérience une catégorie à part entièreVoici ma c…](https://www.laioutr.com/fr/blog/frontend-management-platform-experience-layer-category-2026)
[L'avenir du e-commerce
Lors de l'eCommerce BBQ 2026, une phrase a résumé l'ambiance de toute la soirée : hier, nous…](https://www.laioutr.com/fr/blog/future-of-ecommerce-evolution-frontend)
[Le backend ou le frontend d'abord ?
](https://www.laioutr.com/fr/blog/replatforming-sequencing-backend-or-frontend-first-2026)
[Frontend Adobe Commerce 2026
Au cours de 2024 et 2025, Adobe a positionné deux voies clairement distinctes pour les frontends d&#…](https://www.laioutr.com/fr/blog/adobe-commerce-edge-delivery-services-vs-fmp-2026)
[Click & Collect et disponibilité en magasin
](https://www.laioutr.com/fr/blog/unified-commerce-click-collect-filialverfuegbarkeit)
À LIRE AUSSI
## En savoir plus sur les frontends headless avec Laioutr
### Composable Headless Frontend
Le concept des storefronts découplées : un seul frontend pour tous les backends.
[En savoir plus sur le frontend headless composable](https://www.laioutr.com/fr/composable-headless-frontend)
### Systèmes e-commerce
Quels systèmes de boutique Laioutr connecte en tant que frontend et comment fonctionne la connexion.
[En savoir plus sur les systèmes e-commerce](https://www.laioutr.com/fr/system/e-commerce)
### Composabilité et orchestration
Comment Orchestr connecte les backends et unifie les données pour le frontend.
[En savoir plus sur l’orchestration](https://www.laioutr.com/fr/product/composability-orchestration)
### Frontend headless pour Shopware
Laioutr comme frontend pour Shopware 6, connecté via la Storefront API et l’Admin API.
[En savoir plus sur Shopware](https://www.laioutr.com/fr/headless-frontend-for-shopware)
### Frontend headless pour JTL
Laioutr comme frontend pour JTL-Wawi, connecté via la JTL Platform API.
[En savoir plus sur JTL](https://www.laioutr.com/fr/headless-frontend-for-jtl)
### Multi-marque et multi-marché
Piloter plusieurs marques, marchés et langues sur une seule plateforme.
[En savoir plus sur le multi-marque](https://www.laioutr.com/fr/product/multi-brand-multi-market)
ENCORE INDÉCIS ?
## Mettre un frontend OXID en ligne en semaines plutôt qu'en mois ?
30 minutes avec l'équipe Laioutr : Laioutr en direct sur la configuration OXID réelle, avec des réponses sur la migration, les fonctions B2B, la connexion GraphQL et les tarifs.
[Demander une démo](https://www.laioutr.com/fr/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/fr/#website",
"url": "https://www.laioutr.com/fr/",
"name": "Laioutr",
"inLanguage": "fr",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": [
"WebPage",
"FAQPage"
],
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#webpage",
"url": "https://www.laioutr.com/fr/headless-frontend-for-oxid",
"name": "Frontend headless pour OXID eShop sans sur-mesure | Laioutr",
"description": "Frontend headless pour OXID eShop via l’API GraphQL : page builder visuel, plus de 70 composants, prêt pour le B2B. Plus rapide qu’un sur-mesure.",
"inLanguage": "fr",
"isPartOf": {
"@id": "https://www.laioutr.com/fr/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmk19p2eask1h07mlr6q5kx0k"
},
"mainEntity": [
{
"@type": "Question",
"name": "Laioutr fonctionne-t-il avec OXID Community, Professional et Enterprise Edition ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Laioutr utilise l'API GraphQL d'OXID, compatible avec les trois éditions. Les fonctions B2B comme l'account selection et les permission sets font partie de l'Enterprise Edition et sont connectées dans le projet."
}
},
{
"@type": "Question",
"name": "En quoi Laioutr diffère-t-il d'un développement sur mesure sur l'API GraphQL d'OXID ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un développement sur mesure avec Next.js ou Nuxt est code-first et nécessite une équipe frontend interne ainsi qu'une phase de développement de plusieurs mois. Laioutr est une plateforme frontend prête à l'emploi avec builder visuel, plus de 70 composants et headless CMS intégré, l'hébergement étant disponible en add-on. Résultat : une mise en ligne plus rapide, une courbe d'apprentissage plus douce et une équipe marketing autonome."
}
},
{
"@type": "Question",
"name": "Pouvons-nous utiliser les fonctionnalités B2B d'OXID comme l'account selection et les permission sets ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, au cas par cas. Les fonctions B2B d'OXID EE comme l'account selection, les permission sets, les assortiments spécifiques et les listes de prix restent dans le backend OXID ; elles sont connectées dans le projet via Orchestr et affichées dans des composants Laioutr."
}
},
{
"@type": "Question",
"name": "Comment Laioutr se comporte-t-il vis-à-vis des modules OXID issus de l'OXID Marketplace ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les modules OXID qui fournissent des fonctionnalités backend restent utilisables. Les modules comportant des composants frontend (templates Smarty) ne sont pas repris à l'identique avec Laioutr ; ils doivent être reconstruits sous forme de composants dans Studio ou intégrés via des composants personnalisés."
}
},
{
"@type": "Question",
"name": "Laioutr fonctionne-t-il avec les ERP allemands comme SAP, abas, Microsoft Dynamics ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. L'intégration ERP passe par les connecteurs backend d'OXID, sans toucher au frontend. L'intégration d'outils tiers via le Laioutr App Store pour les workflows marketing (e-mail, CRM, analytics) est standard."
}
},
{
"@type": "Question",
"name": "Pouvons-nous continuer à utiliser nos setups d'analytics et de tracking OXID existants ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Les tags d'analytics (Google Analytics, etracker, Matomo) sont intégrés via JavaScript, exactement comme avec toute autre solution frontend. Les setups conformes au RGPD via des outils de gestion des cookies (Usercentrics, OneTrust) fonctionnent comme d'habitude."
}
},
{
"@type": "Question",
"name": "Combien de temps prend une migration depuis Flow Theme ou Wave Theme ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un pilote est généralement en ligne en 14 jours, et les migrations accompagnées vers Laioutr durent en médiane moins de 14 jours. Les workflows B2B complexes ou les configurations sur plusieurs éditions demandent plus de temps. La migration accompagnée par les fondateurs est standard, sans supplément."
}
},
{
"@type": "Question",
"name": "Combien coûte Laioutr par rapport à un développement sur mesure et son ingénierie ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un développement sur mesure sur l'API GraphQL d'OXID n'entraîne pas de coût de licence (le module fait partie d'OXID), mais l'investissement technique est important : une phase de développement de six à neuf mois, puis une maintenance continue avec deux à trois ingénieurs. Laioutr est un SaaS avec des plans transparents ; Studio et les composants sont inclus, l'hébergement est disponible en add-on. Le coût total de possession est généralement inférieur de 30 à 50 % à celui d'un développement sur mesure."
}
},
{
"@type": "Question",
"name": "Pourrons-nous plus tard quitter le backend OXID sans reconstruire le frontend ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. C'est justement l'un des avantages majeurs par rapport à un build sur mesure. Laioutr est agnostique quant au backend : passer d'OXID à Shopware, Adobe Commerce ou un autre backend consiste à reconfigurer une connexion API, pas à reconstruire le frontend."
}
},
{
"@type": "Question",
"name": "La solution est-elle conforme au BFSG et au RGPD ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Conforme au RGPD dès la conception, hébergement UE disponible (autres régions sur demande), résidence régionale des données possible, support en allemand. Les WCAG 3.0 et la BFSG (loi allemande sur l'accessibilité, obligatoire depuis 2025) sont prises en compte dans le standard des composants. Exactement ce dont les entreprises de taille moyenne sur OXID ont besoin dans la région DACH."
}
},
{
"@type": "Question",
"name": "Laioutr est-il OXID Solution Partner ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, Laioutr est partenaire officiel d'OXID."
}
},
{
"@type": "Question",
"name": "OXID eShop peut-il fonctionner en headless ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. OXID eShop fournit les données nécessaires via l'API GraphQL et Laioutr y ajoute le frontend découplé. Le backend reste OXID, le frontend devient headless et performant, sans développement sur mesure."
}
},
{
"@type": "Question",
"name": "Que signifie le passage d'OXID 6 à OXID 7 pour le frontend ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Le changement de version accroît la pression pour moderniser le frontend. Un frontend Laioutr découplé sépare cette décision du backend : la storefront est modernisée indépendamment et prête pour OXID 7, sans reconstruction complète du thème."
}
},
{
"@type": "Question",
"name": "Laioutr utilise-t-il l'API GraphQL Storefront d'OXID ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Laioutr interroge l'API GraphQL Storefront d'OXID via la couche Orchestr et normalise produits, catégories, prix et panier dans un modèle de données frontend unifié, afin que les composants de la storefront restent agnostiques du backend."
}
},
{
"@type": "Question",
"name": "Un frontend OXID headless fonctionne-t-il aussi pour le B2B avec prix dégressifs et devis ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. La logique B2B avec prix dégressifs, prix spécifiques et demandes de devis reste dans le backend OXID. Le connecteur standard inclut les prix dégressifs ; les parcours de compte, de validation et de commande rapide sont connectés dans le projet via Orchestr et affichés dans des composants Laioutr."
}
}
]
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/fr/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Frontend headless pour OXID eShop sans sur-mesure"
}
]
}
]
}
```
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#webpage",
"description": "Frontend headless pour OXID eShop via l’API GraphQL : page builder visuel, plus de 70 composants, prêt pour le B2B. Plus rapide qu’un sur-mesure.",
"name": "Frontend headless pour OXID eShop sans sur-mesure | Laioutr",
"url": "https://www.laioutr.com/fr/headless-frontend-for-oxid",
"@type": [
"WebPage",
"FAQPage"
],
"mainEntity": [
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/1"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/2"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/3"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/4"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/5"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/6"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/7"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/8"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/9"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/10"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/11"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/12"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/13"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/14"
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/15"
}
]
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/1",
"@type": "Question",
"inLanguage": "fr",
"name": "Laioutr fonctionne-t-il avec OXID Community, Professional et Enterprise Edition ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Laioutr utilise l'API GraphQL d'OXID, compatible avec les trois éditions. Les fonctions B2B comme l'account selection et les permission sets font partie de l'Enterprise Edition et sont connectées dans le projet.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/2",
"@type": "Question",
"inLanguage": "fr",
"name": "En quoi Laioutr diffère-t-il d'un développement sur mesure sur l'API GraphQL d'OXID ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un développement sur mesure avec Next.js ou Nuxt est code-first et nécessite une équipe frontend interne ainsi qu'une phase de développement de plusieurs mois. Laioutr est une plateforme frontend prête à l'emploi avec builder visuel, plus de 70 composants et headless CMS intégré, l'hébergement étant disponible en add-on. Résultat : une mise en ligne plus rapide, une courbe d'apprentissage plus douce et une équipe marketing autonome.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/3",
"@type": "Question",
"inLanguage": "fr",
"name": "Pouvons-nous utiliser les fonctionnalités B2B d'OXID comme l'account selection et les permission sets ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, au cas par cas. Les fonctions B2B d'OXID EE comme l'account selection, les permission sets, les assortiments spécifiques et les listes de prix restent dans le backend OXID ; elles sont connectées dans le projet via Orchestr et affichées dans des composants Laioutr.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/4",
"@type": "Question",
"inLanguage": "fr",
"name": "Comment Laioutr se comporte-t-il vis-à-vis des modules OXID issus de l'OXID Marketplace ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les modules OXID qui fournissent des fonctionnalités backend restent utilisables. Les modules comportant des composants frontend (templates Smarty) ne sont pas repris à l'identique avec Laioutr ; ils doivent être reconstruits sous forme de composants dans Studio ou intégrés via des composants personnalisés.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/5",
"@type": "Question",
"inLanguage": "fr",
"name": "Laioutr fonctionne-t-il avec les ERP allemands comme SAP, abas, Microsoft Dynamics ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. L'intégration ERP passe par les connecteurs backend d'OXID, sans toucher au frontend. L'intégration d'outils tiers via le Laioutr App Store pour les workflows marketing (e-mail, CRM, analytics) est standard.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/6",
"@type": "Question",
"inLanguage": "fr",
"name": "Pouvons-nous continuer à utiliser nos setups d'analytics et de tracking OXID existants ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Les tags d'analytics (Google Analytics, etracker, Matomo) sont intégrés via JavaScript, exactement comme avec toute autre solution frontend. Les setups conformes au RGPD via des outils de gestion des cookies (Usercentrics, OneTrust) fonctionnent comme d'habitude.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/7",
"@type": "Question",
"inLanguage": "fr",
"name": "Combien de temps prend une migration depuis Flow Theme ou Wave Theme ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un pilote est généralement en ligne en 14 jours, et les migrations accompagnées vers Laioutr durent en médiane moins de 14 jours. Les workflows B2B complexes ou les configurations sur plusieurs éditions demandent plus de temps. La migration accompagnée par les fondateurs est standard, sans supplément.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/8",
"@type": "Question",
"inLanguage": "fr",
"name": "Combien coûte Laioutr par rapport à un développement sur mesure et son ingénierie ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un développement sur mesure sur l'API GraphQL d'OXID n'entraîne pas de coût de licence (le module fait partie d'OXID), mais l'investissement technique est important : une phase de développement de six à neuf mois, puis une maintenance continue avec deux à trois ingénieurs. Laioutr est un SaaS avec des plans transparents ; Studio et les composants sont inclus, l'hébergement est disponible en add-on. Le coût total de possession est généralement inférieur de 30 à 50 % à celui d'un développement sur mesure.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/9",
"@type": "Question",
"inLanguage": "fr",
"name": "Pourrons-nous plus tard quitter le backend OXID sans reconstruire le frontend ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. C'est justement l'un des avantages majeurs par rapport à un build sur mesure. Laioutr est agnostique quant au backend : passer d'OXID à Shopware, Adobe Commerce ou un autre backend consiste à reconfigurer une connexion API, pas à reconstruire le frontend.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/10",
"@type": "Question",
"inLanguage": "fr",
"name": "La solution est-elle conforme au BFSG et au RGPD ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Conforme au RGPD dès la conception, hébergement UE disponible (autres régions sur demande), résidence régionale des données possible, support en allemand. Les WCAG 3.0 et la BFSG (loi allemande sur l'accessibilité, obligatoire depuis 2025) sont prises en compte dans le standard des composants. Exactement ce dont les entreprises de taille moyenne sur OXID ont besoin dans la région DACH.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/11",
"@type": "Question",
"inLanguage": "fr",
"name": "Laioutr est-il OXID Solution Partner ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, Laioutr est partenaire officiel d'OXID.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/12",
"@type": "Question",
"inLanguage": "fr",
"name": "OXID eShop peut-il fonctionner en headless ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. OXID eShop fournit les données nécessaires via l'API GraphQL et Laioutr y ajoute le frontend découplé. Le backend reste OXID, le frontend devient headless et performant, sans développement sur mesure.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/13",
"@type": "Question",
"inLanguage": "fr",
"name": "Que signifie le passage d'OXID 6 à OXID 7 pour le frontend ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Le changement de version accroît la pression pour moderniser le frontend. Un frontend Laioutr découplé sépare cette décision du backend : la storefront est modernisée indépendamment et prête pour OXID 7, sans reconstruction complète du thème.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/14",
"@type": "Question",
"inLanguage": "fr",
"name": "Laioutr utilise-t-il l'API GraphQL Storefront d'OXID ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. Laioutr interroge l'API GraphQL Storefront d'OXID via la couche Orchestr et normalise produits, catégories, prix et panier dans un modèle de données frontend unifié, afin que les composants de la storefront restent agnostiques du backend.
"
}
},
{
"@id": "https://www.laioutr.com/fr/headless-frontend-for-oxid#/schema/question/15",
"@type": "Question",
"inLanguage": "fr",
"name": "Un frontend OXID headless fonctionne-t-il aussi pour le B2B avec prix dégressifs et devis ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. La logique B2B avec prix dégressifs, prix spécifiques et demandes de devis reste dans le backend OXID. Le connecteur standard inclut les prix dégressifs ; les parcours de compte, de validation et de commande rapide sont connectés dans le projet via Orchestr et affichés dans des composants Laioutr.
"
}
}
]
}
```