Projet Boussole
Lighthouse a développé la boutique headless de Projet Boussole : Shopify gère le catalogue, le panier et les commandes, tandis qu’une interface React et Next.js compose les parcours clients. Le projet se prolonge par une maintenance technique.
En bref
Le projet en bref
Architecture headless avec une interface React et Next.js connectée à Shopify par la Storefront API, suivie d’une maintenance technique de l’ensemble.
Quel était le besoin de Projet Boussole ?
Projet Boussole avait besoin de parcours clients qu’un thème Shopify classique ne permettait pas de construire facilement.
Qu'a réalisé Lighthouse ?
Lighthouse a développé une boutique headless : une interface React et Next.js reliée à Shopify par la Storefront API pour le catalogue, le panier et le paiement, avec une maintenance technique de l’ensemble.
Secteur
E-commerce et tech
Missions liées
Technologies
Shopify, Storefront API, Headless, React/Next.js
Le projet en détail
Choisir une interface indépendante
Le projet demandait plus de liberté de conception qu’un thème Shopify classique. L’architecture headless sépare l’interface visible par le client de la gestion du commerce, ce qui permet de construire des parcours spécifiques.
Relier l’expérience à Shopify
L’interface React et Next.js échange avec Shopify par la Storefront API pour le catalogue, le panier et le paiement. La maintenance technique prolonge le développement initial et suit les évolutions de l’API et du framework.
Questions fréquentes
Shopify headless : quand et comment.
Qu’est-ce qu’une boutique Shopify headless ?
C’est une boutique où Shopify gère le catalogue, le panier, le paiement et les commandes, tandis que l’interface visible par les clients est une application séparée, par exemple en Next.js ou avec Hydrogen. Les deux communiquent par la Storefront API.
Faut-il passer en headless sur Shopify ?
Seulement si le thème Liquid limite réellement le projet : parcours très spécifiques, contenus mêlés à une autre application, interface commune à plusieurs canaux. Le headless apporte de la liberté mais demande plus de développement et de maintenance, et certaines applications Shopify conçues pour les thèmes ne fonctionnent plus telles quelles.
Hydrogen ou Next.js pour une boutique Shopify headless ?
Hydrogen est le framework de Shopify, conçu pour la Storefront API et hébergeable sur Oxygen, l’hébergement de Shopify. Next.js offre un écosystème plus large et convient quand l’équipe le maîtrise déjà ou que le site dépasse le seul commerce. Les deux utilisent la même API : le choix dépend surtout de l’équipe et de l’hébergement.
Vous hésitez à passer en headless ?
Expliquez-nous ce que votre thème actuel ne permet pas. Nous vous dirons si le headless se justifie ou si un thème Liquid bien conçu suffit.
