API REST et GraphQL Commerce Layer + Laioutr

Si vous utilisez Commerce Layer et souhaitez un frontend moderne sans le construire de zéro, la question de l'intégration est simple : comment la couche frontend dialogue-t-elle avec Commerce Layer ? Cet article explique comment Laioutr se connecte à l'API REST et GraphQL et ce qui reste où.

Ce que fournit l'API REST et GraphQL

Commerce Layer ne livre délibérément aucun frontend ; la couche de présentation est entièrement votre choix. L'API expose les données produits et catalogue, les opérations de panier, les comptes clients et le checkout. Comme l'API constitue le contrat, n'importe quel frontend peut la consommer, y compris Laioutr.

Laioutr consomme, Commerce Layer reste la source de vérité

Laioutr se connecte à l'API REST et GraphQL existante comme une couche configurée, et non comme un projet d'intégration sur mesure. Commerce Layer demeure la source unique de vérité : catalogue, tarification, promotions, stocks et commandes restent dans le backend. Il n'y a ni duplication de données ni couche de synchronisation à maintenir cohérente. Le frontend demande les données au moment du rendu et renvoie les actions de panier et de checkout via l'API.

Ce que cela signifie concrètement

• Les pages produits et catégories s'affichent à partir des réponses en direct de l'API REST et GraphQL
• Les actions de panier et de checkout passent par l'API, la logique de commande reste donc dans Commerce Layer
• Les comptes clients et l'historique des commandes proviennent de l'API
• Les spécificités B2C et B2B sont servies par l'API et rendues dans les composants Laioutr

Une couche configurée, pas un développement à partir de zéro

Un frontend sur mesure doit gérer lui-même chaque cas limite de l'API. Laioutr livre les composants commerce et leurs comportements API prêts à l'emploi : l'étape de connexion se résume à une configuration sur votre schéma. Les équipes marketing composent ensuite pages et campagnes par-dessus, sans toucher à l'intégration.

Performance et hébergement

Laioutr sert le frontend depuis un CDN européen, avec un objectif Lighthouse 100 et un rendu côté serveur pour le SEO. La mise en cache au niveau du frontend réduit la charge sur le backend Commerce Layer pour le trafic catalogue à forte intensité de lecture.

FAQ

Laioutr stocke-t-il nos données produits ?

Non. Les données restent dans Commerce Layer. Laioutr les demande au moment du rendu via l'API REST et GraphQL ; il n'existe aucun datastore dupliqué.

Le backend est-il modifié pendant la mise en place ?

Aucune ré-architecture du backend n'est nécessaire. Vous utilisez l'API REST et GraphQL et vous configurez la couche de connexion Laioutr. Consultez la page pilier Commerce Layer ou parlez à notre équipe.

En savoir plus sur Laioutr : Personalization.

À lire également : BigCommerce GraphQL Storefront API + Laioutr : comment le frontend se connecte et API GraphQL Pimcore (Datahub) et REST + Laioutr : comment le frontend se connecte.