API GraphQL Storefront BigCommerce + Laioutr

Si vous utilisez BigCommerce et que vous voulez un frontend moderne sans en construire un de zéro, la question de l'intégration est simple : comment la couche frontend communique-t-elle avec BigCommerce ? Cet article explique comment Laioutr se connecte à la GraphQL Storefront API et ce qui reste où.

Ce que fournit la GraphQL Storefront API

BigCommerce s'appuie sur l'open SaaS, la GraphQL Storefront API et le framework Next.js Catalyst comme point de départ Headless. L'API fournit les données produits et catalogue, les opérations de panier, les comptes clients et le checkout. Parce que l'API est le contrat, n'importe quel frontend peut la consommer, y compris Laioutr.

Laioutr est le consommateur, BigCommerce est la source de vérité

Laioutr se connecte à la GraphQL Storefront API existante en tant que couche configurée, et non comme un projet d'intégration sur mesure. BigCommerce demeure l'unique source de vérité : catalogue, tarification, promotions, stock 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 en pratique

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

Une couche configurée, pas un développement 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 d'API préconstruits, de sorte que l'étape de connexion se résume à une configuration contre votre schéma. Les équipes marketing composent ensuite des 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 de la couche frontend réduit la charge sur le backend BigCommerce pour le trafic catalogue à forte lecture.

FAQ

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

Non. Les données restent dans BigCommerce. Laioutr les demande au moment du rendu via la GraphQL Storefront API ; il n'y a pas de datastore dupliqué.

Le backend est-il touché lors de la configuration ?

Aucune ré-architecture du backend n'est requise. Vous utilisez la GraphQL Storefront API et configurez la couche de connexion Laioutr. Consultez la page pilier BigCommerce ou parlez à notre équipe.

En savoir plus sur Laioutr : Personalization.

À lire également : L'API GraphQL de Pimcore (Datahub) et REST + Laioutr : comment le frontend se connecte et L'API REST d'OroCommerce (API-first) + Laioutr : comment le frontend se connecte.