Headless commerce

Qu’est-ce que le headless commerce ?

Le headless commerce est une architecture dans laquelle le storefront (la couche de présentation que voient les clients) est découplé du backend de commerce (produits, prix, panier et commandes). Les deux couches communiquent entre elles via des API plutôt que d’être regroupées dans un seul système. « Headless » (sans tête) signifie que le backend fonctionne sans son propre « frontend » intégré – le frontend est construit séparément et récupère les données via l’API.

Pourquoi le headless commerce est-il important ?

Avec un frontend indépendant, vous pouvez concevoir exactement l’expérience dont votre marque a besoin, sans être limité par la structure par défaut d’un thème. Cela se traduit souvent par de meilleures performances et une plus grande flexibilité, tout en facilitant la diffusion du même contenu sur le web, l’application mobile et d’autres canaux à partir d’un backend unique. La contrepartie est une augmentation significative de la complexité technique et des coûts de développement, car vous devez construire et maintenir le frontend vous-même.

Cas d’utilisation courants

• Les marques qui veulent une boutique unique et rapide et disposent des ressources de développement nécessaires.
• Les configurations omnicanales où le web, l’application mobile et la boutique physique partagent les mêmes données produits.
• Les sites riches en contenu créés dans un CMS distinct intégré par-dessus les données de commerce.
• Les entreprises qui optimisent les Core Web Vitals sans les contraintes d’un thème.

Perspective Shopify

Dans Shopify, le headless est généralement construit avec Hydrogen (le framework React de Shopify) hébergé sur Oxygen, récupérant les données via l’API Storefront (GraphQL). Le thème classique en Liquid ne génère plus la boutique. Notez que le passage à la caisse (checkout) s’exécute toujours sur le système sécurisé et certifié PCI hébergé par Shopify – vous remplacez le frontend, pas le flux de paiement.