Un frontend commercetools est la couche orientée client d'un stack composable commerce. commercetools fournit le backend avec les produits, les commandes et le checkout ; le frontend se connecte via l'API commercetools (REST et GraphQL) et peut être conçu librement. Contrairement aux plateformes monolithiques, un frontend pour commercetools est toujours obligatoire, jamais optionnel. C'est là qu'intervient un composable headless frontend, fourni en Frontend as a Service.

commercetools continue de gérer les produits, les catégories, les prix, les commandes, les stores et les customer groups. Vous utilisez la Merchant Center API que vous connaissez, sans nouveaux workflows ni formation.

Vous avez trois options : le développement maison (Next.js ou Nuxt sur mesure), Frontastic (le frontend racheté par ct) ou une Frontend Management Platform comme Laioutr. Chaque option a ses avantages et ses inconvénients, que nous détaillons sur cette page.

Aucune duplication de données, aucun conflit de synchronisation. Laioutr dialogue directement avec l'API commercetools (REST et GraphQL), avec prise en charge du multi-project, du multi-store et des customer groups.

commercetools n'impose pas le frontend. La question « quelle stratégie frontend ? » se pose donc pour chaque projet composable. Quatre options se sont imposées sur le marché. Voici quand chacune est rentable.

Contrôle maximal, effort maximal. Vous construisez tout vous-même, déployez vous-même, mettez à l'échelle vous-même. Cela exige une équipe React ou Vue dédiée et une phase de build de six à douze mois. Pertinent si vous considérez l'ingénierie frontend comme une compétence stratégique clé.

Un framework frontend open source, stack Vue, créé à l'origine pour Magento, aujourd'hui multi-backend. Une communauté active, mais aucun réseau de support direct dans la région DACH. Pertinent si vous disposez d'une équipe Vue et que l'open source revêt une importance stratégique.

Le frontend officiel de commercetools après le rachat de Frontastic en 2021. Son propre builder Studio, profondément intégré au stack ct, tarification enterprise. Pertinent si vous vous engagez stratégiquement à 100 pour cent sur commercetools et acceptez le lock-in.

Une Frontend Management Platform avec un builder visuel, plus de 70 composants, un hébergement UE et un support multi-backend. Le time-to-launch le plus rapide, la courbe d'apprentissage la plus douce, une optionnalité de backend pour l'avenir. Pertinent si vous voulez passer en production rapidement tout en gardant vos options multi-backend ouvertes.

Laioutr est conçu pour les configurations commercetools qui doivent évoluer vite et passer à l'échelle mondiale. Du stack multi-marques pour les portefeuilles de marques au frontend de configurateur B2B.

Plusieurs marques sur une seule instance commercetools avec des frontends indépendants, leurs propres domaines, leur propre identité de marque. Un pool de composants, plusieurs présences de marque.

customer groups, prix et tiered pricing de commercetools. Laioutr appelle l'API ct directement et rend des prix, assortiments et conditions de paiement à échéance spécifiques par groupe de clients. Configurateurs, remises sur volume, flux d'approbation.

Une instance ct, de nombreux stores. Langues, devises, mises en page et assortiments se pilotent par store, en compatibilité avec le concept de stores ct.

Configurateurs automobiles, biens industriels, workflows de personnalisation. La logique complexe de gestion d'état est résolue au niveau des composants Laioutr, tandis que les appels à l'API ct restent proprement séparés.

Un stack Frontastic existant à remplacer, sans toucher au backend ct. Migration par phases, avec un plan de rollback clair.

Un nouveau projet commercetools, un départ neuf. Avec les themes Laioutr et la bibliothèque UI, cela passe en production en quelques semaines, au lieu d'investir des mois dans un développement maison.