Shopify côté admin, Next.js côté vitrine.
Vous gardez la robustesse Shopify pour le catalogue, les commandes et les paiements. On reconstruit la vitrine en Next.js ou Hydrogen — design à votre nom, performance au vert, SEO propre.
Panier → confirmé. En 4 étapes.
À droite, le checkout Hydrogen d'une boutique cuir artisanal Atelier Lavandou. Stack visible à chaque étape (Cart API, Sendcloud live rates, Shopify Payments 3DS, Klaviyo flow). Conversion +18 % vs thème par défaut. LCP 0,9 s sur 4G.
Cette offre vous parle si…
- Vous êtes déjà sur Shopify et vous étouffez dans le thème — Lighthouse à 50, plus moyen de bouger.
- Vous lancez une marque DTC et vous voulez la robustesse Shopify sans ressembler à 4 000 autres boutiques.
- Vous tournez à 50 K–2 M€ de CA en ligne et chaque seconde gagnée se voit sur la conversion.
- Vous voulez garder vos apps Shopify (Klaviyo, Loop, ReCharge) mais une page produit qui claque.
- Vous êtes une équipe qui sait gérer Shopify mais qui n’a pas de dev front en interne.
- Vous prévoyez de l’international — multi-devise, multi-langue — sans casser le SEO.
Un thème Shopify, ça pose un plafond — design et performance.
Le back-office Shopify est solide ; le thème, lui, est un compromis. Vous héritez d’un HTML rigide, d’un JavaScript embarqué qui plombe le mobile, et d’un design qu’on retrouve chez le voisin. Découpler le front du back lève ce plafond : on garde Shopify pour ce qu’il fait bien, on reprend la main sur la vitrine.
- Lighthouse mobile bloqué entre 40 et 65 — Apps tierces qui injectent leur JS dans chaque page.
- Liquid étouffe vite quand on veut un layout sortant des sentiers battus.
- Page produit identique à 4 000 marques DTC — pas de différenciation, panier abandonné à 70 %.
- Multi-langue/multi-devise via apps payantes qui ralentissent le site.
Scope concret, sans flou
- Phase 101
Audit catalogue & choix de stack
On regarde votre admin Shopify, vos apps actives, votre catalogue et votre roadmap. On tranche entre Next.js + Storefront API, Hydrogen + Oxygen, ou hybride. Vous repartez avec un choix argumenté.
- Audit performance + audit SEO de l’existant
- Cartographie des apps Shopify utilisées et de leurs équivalents headless
- Choix de stack écrit : Next.js vs Hydrogen, hébergement, CMS si besoin
- Phase 202
Storefront custom — design + intégration
Maquettes Figma orientées conversion : home, page collection, page produit, panier, checkout. Puis intégration Next.js / Hydrogen, Tailwind v4, animations Motion. Tout est branché sur Storefront API en GraphQL.
- Pages home, collection, produit, panier, recherche, comptes
- Composants UI custom — pas un seul thème acheté
- Cart drawer, mini-cart, recherche client side
- Multi-langue (i18n routing) et multi-devise gérés côté front
- Phase 303
Checkout Shopify + paiements
On ne touche pas au checkout Shopify — c’est lui qui encaisse, c’est lui qu’on garde. On le brande, on ajoute Apple Pay, Google Pay, SEPA, et on s’assure que les webhooks de fulfillment et de paiement remontent bien côté front et email.
- Checkout Shopify brandé (logo, couleurs, typographies)
- Apple Pay / Google Pay / SEPA / Klarna activés
- Webhooks Stripe / Shopify pour emails et tracking
- TVA multi-pays gérée par Shopify Markets
- Phase 404
SEO, analytics & mise en ligne
Sitemap dynamique des produits, JSON-LD Product et Offer sur chaque page, OG images générées au build. Plug PostHog ou GA4, dashboards conversion prêts. Mise en ligne progressive, redirections 301 si refonte.
- Schema.org Product / Offer / BreadcrumbList sur chaque page produit
- Sitemap dynamique généré au build (Next.js sitemap.ts)
- Connexion Google Merchant Center pour Google Shopping
- GA4 + PostHog + dashboards conversion livrés
- Phase 505
Transmission & maintenance 6 mois
Vous récupérez le code, l’hébergement Vercel à votre nom, et 1 h de formation vidéo. On reste joignable 6 mois : bug fixes, micro-évolutions, support Shopify si besoin. Pas de contrat exclusif derrière.
- Repo GitHub à votre nom, accès Vercel à votre nom
- 1 h de formation pour gérer Shopify admin + déployer
- 6 mois de maintenance corrective incluse
- Documentation écrite : architecture, déploiement, points de vigilance
Le scope complet, sans surprise sur la facture
- Storefront Next.js 16 ou Hydrogen sur mesure
- Page produit conçue pour convertir
- Checkout Shopify brandé
- Apple Pay, Google Pay, SEPA, Klarna
- Multi-langue + multi-devise (Shopify Markets)
- Schema.org Product / Offer JSON-LD
- Sitemap dynamique des produits
- Connexion Google Merchant Center
- Klaviyo flows essentiels (welcome, abandon, post-achat)
- PostHog ou GA4 + dashboards conversion
- Hébergement Vercel à votre nom
- RGPD-ready (consentement, mentions, cookies)
Prix posé, sans devis à rallonge
Fourchette 5 900–12 900 € selon catalogue, multi-langue, intégrations tierces. Forfait HT, livraison 4 à 8 semaines. Tarif posé après l’audit gratuit.
- Code à votre nom
- Hébergement Vercel
- Maintenance 6 mois
On vous a vu venir
Mes apps Shopify (Klaviyo, ReCharge, Loop…) continuent de tourner ?
Oui. Le back-office Shopify reste celui que vous connaissez ; les apps qui s’y branchent côté admin fonctionnent normalement. Pour les apps qui injectent du JS sur le front (avis clients, popups, sélecteurs de variantes), on les ré-intègre proprement côté Next.js / Hydrogen pour ne pas plomber la performance.
Multi-devise et multi-langue, c’est géré comment ?
On s’appuie sur Shopify Markets côté admin (devise locale, TVA, modes de livraison par pays) et sur l’i18n routing de Next.js côté front. Une URL par locale (/fr, /en, /de…), un sitemap par locale, des hreflang propres. Pas d’app payante en plus.
Les paiements internationaux, le checkout ?
On garde le checkout Shopify — c’est lui qui encaisse, qui gère la TVA et qui passe les audits PCI. On le brande pour qu’il ressemble au site, on active Apple Pay, Google Pay, SEPA, Klarna selon votre marché. Les paiements internationaux passent par Shopify Payments ou Stripe selon votre setup.
À qui appartient le code et les données ?
Le code est à votre nom dès la livraison — repo GitHub que vous récupérez, hébergement Vercel sur votre compte, nom de domaine à vous. Les données catalogue, clients et commandes restent dans Shopify, sur votre boutique. On n’a aucune dépendance pour qu’une autre équipe reprenne derrière.
Combien de temps de la signature à la mise en ligne ?
4 à 8 semaines selon le catalogue et le nombre de pages custom. Sprint 1 audit + design (1–2 semaines), sprint 2 intégration (2–4 semaines), sprint 3 checkout + analytics + recette (1–2 semaines). Mise en ligne progressive, redirections 301 par URL si on remplace un site existant.
On regarde votre boutique Shopify ensemble ?
Audit performance + SEO offert : on passe sur votre site existant, on vous renvoie une note écrite avec ce qui plombe la conversion et ce qu’on ferait. Gratuit, qu’on bosse ensemble derrière ou pas.
Demander un devis