La Factory/WordPress en front et Shopify en back...

ArchitectureHeadlessHydrogen

WordPress en front et Shopify en back : architecture headless, coût réel et limites

L'architecture headless WordPress en CMS de contenu et Shopify Plus en moteur de commerce est l'une des options les plus discutées en CODIR mid-market. Sur le papier, elle promet le meilleur des deux mondes : la richesse éditoriale WordPress et la robustesse commerce Shopify Plus. En pratique, elle ajoute une couche d'application JavaScript (Next.js, Nuxt, Hydrogen) qui demande son budget, son équipe, et sa dette technique propre. Pour un retailer FR mid-market, le coût d'une architecture headless est de 80 000 à 220 000 EUR à l'installation, plus 35 000 à 80 000 EUR par an de maintenance front. Cet article pose l'ordre de grandeur et les limites défendables en CODIR.

Par GSF.digital · 7 min de lecture · May 2026
Illustration article

À retenir. Une architecture headless avec WordPress en CMS et Shopify Plus en commerce engine n'est pas une option de plus, c'est un projet d'ingénierie front-end. Elle ajoute une couche d'application JavaScript à maintenir, un cycle de release distinct de WordPress et Shopify, et une équipe dev front-end nécessaire en interne ou chez un prestataire. C'est le bon choix pour les retailers qui ont une stratégie de contenu dense et une équipe technique mature. C'est un piège pour les retailers qui veulent juste un "site rapide" et n'ont pas l'organisation derrière.

1. Définition de l'architecture headless WordPress + Shopify Plus

L'architecture headless découple le front-end (ce que voit l'utilisateur dans son navigateur) du back-end (où les données et la logique métier vivent). Dans le cas WordPress + Shopify Plus :

  • WordPress reste le CMS éditorial. Il gère les articles, pages, médias, contenus marketing. L'admin WordPress n'est pas exposé aux clients : il sert l'équipe contenu.
  • Shopify Plus reste le commerce engine. Il gère les produits, prix, stock, panier, paiement, OMS, fulfillment. L'admin Shopify n'est pas exposé aux clients non plus.
  • Front-end : une application JavaScript (Next.js, Nuxt.js, ou Hydrogen pour Shopify) qui consomme deux APIs en parallèle : WordPress REST ou WPGraphQL pour le contenu, Shopify Storefront API pour le commerce.

Le déploiement type est sur une plateforme JAMstack (Vercel, Netlify, Cloudflare Pages) avec génération statique partielle (Static Site Generation) ou rendu côté serveur (Server-Side Rendering) pour les pages dynamiques.

Le pattern est documenté par les communautés Next.js et Shopify Hydrogen (Shopify, headless docs, Next.js).

2. Trois variantes d'architecture rencontrées en 2026

Variante 1 : Next.js + WPGraphQL + Shopify Storefront API. Stack la plus répandue dans le mid-market FR. Next.js gère le rendu, le routing, l'optimisation. WPGraphQL est un plugin WordPress qui expose le contenu en GraphQL. Shopify Storefront API gère le panier et le paiement.

Variante 2 : Hydrogen + WordPress headless. Hydrogen est le framework officiel Shopify pour les boutiques headless, basé sur Remix React. Il consomme la Storefront API en natif et peut interroger une API WordPress en parallèle. Cible : les retailers qui ont une stratégie commerce-first.

Variante 3 : Nuxt.js (Vue) + WordPress + Shopify. Moins répandue mais croissante. Cible : les équipes dev qui ont une culture Vue.js.

Chaque variante a ses forces. Pour un retailer mid-market FR qui démarre, Variante 1 (Next.js) est l'option la plus mature en termes d'écosystème, de hiring et de support communautaire.

3. Coût d'installation d'une architecture headless WordPress + Shopify Plus

Pour un retailer FR mid-market 5 à 20 M EUR de chiffre, projet headless complet :

  • Conception UX/UI du nouveau front-end : 12 000 à 40 000 EUR.
  • Développement front-end (Next.js ou Hydrogen) : 50 000 à 150 000 EUR. Inclut routing, intégration APIs, gestion d'état, panier, checkout shortcut, performance.
  • Intégration WordPress headless (WPGraphQL ou Advanced Custom Fields + REST) : 4 000 à 15 000 EUR.
  • Intégration Shopify Storefront API : 6 000 à 20 000 EUR.
  • Mise en place CI/CD et déploiement Vercel ou équivalent : 3 000 à 10 000 EUR.
  • Reprise SEO depuis l'ancien site : 8 000 à 30 000 EUR.
  • Tests de performance et optimisation Core Web Vitals : 4 000 à 12 000 EUR.

Total installation : 87 000 à 277 000 EUR. Plage défendable mid-market : 100 000 à 200 000 EUR.

4. Coût récurrent annuel d'une architecture headless

Une architecture headless ne se maintient pas comme un site Shopify standard. Trois lignes récurrentes spécifiques :

  • Hébergement front Vercel ou Netlify : 240 à 2 400 EUR par an selon le trafic et les fonctionnalités (ISR, edge functions, etc.).
  • Hébergement WordPress headless : 3 000 à 12 000 EUR par an.
  • License Shopify Plus : 28 000 à 38 000 EUR par an pour 10 M EUR de chiffre.
  • Équipe ou prestataire dev front-end : c'est le poste majeur. Une application Next.js mid-market demande 1 à 2 jours de dev par mois en moyenne pour les maintenances normales, plus les évolutions. Coût ordre de grandeur 30 000 à 60 000 EUR par an si prestataire externalisé.
  • Maintenance WordPress (back-office contenu) : 6 000 à 18 000 EUR par an.
  • License Apps Shopify complémentaires (analytics, A/B test, reviews) : 3 000 à 10 000 EUR par an.

Total opex annuel headless : 70 240 à 140 400 EUR. Sur 3 ans : 210 720 à 421 200 EUR.

Pour comparaison, opex annuel Shopify Plus + thème custom Liquid (sans headless) :

  • License Shopify Plus : 28 000 à 38 000 EUR par an.
  • Apps : 4 000 à 12 000 EUR par an.
  • Maintenance agence Shopify (thème, paramétrage) : 12 000 à 35 000 EUR par an.

Total : 44 000 à 85 000 EUR par an. Sur 3 ans : 132 000 à 255 000 EUR.

L'écart est significatif : 80 000 à 170 000 EUR sur 3 ans en faveur du thème Liquid natif. Le headless n'est pas une économie, c'est un investissement.

5. Quand le headless est le bon choix, quand il est un piège

Le headless WordPress + Shopify Plus est le bon choix pour les retailers qui répondent OUI à au moins 3 des 5 critères :

  1. Contenu éditorial dense (100+ articles, magazine d'entreprise, guides multi-pages).
  2. UX très différenciée recherchée (animations complexes, interactions custom, expérience qui ne peut pas être réalisée avec un thème Liquid standard).
  3. Performance comme avantage compétitif (LCP < 1,5 s, INP < 100 ms, ces niveaux sont atteignables en headless avec ISR et CDN edge).
  4. Équipe technique mature en interne ou agence dédiée capable de maintenir une application Next.js, gérer son CI/CD, ses incidents prod.
  5. Stratégie omnicanal avec multiple points de contact où le front headless peut alimenter à la fois le web, l'app mobile, des kiosques, des écrans en magasin.

Le headless est un piège pour les retailers qui répondent NON à ces critères mais y sont attirés par la promesse de performance. Risque typique : projet de 6 à 12 mois, coût de 150 000 EUR, livraison d'un site Next.js qui marche mais qui demande 50 000 EUR par an d'agence pour suivre, alors que le besoin réel était un site Shopify Plus standard à 30 000 EUR par an.

6. Limites du headless sur Shopify Plus à connaître en CODIR

Trois limites pratiques :

  • Le checkout Shopify reste sur le domaine checkout.shopify.com (ou checkout sous-domaine custom). Le headless gère la storefront et le panier, mais le tunnel de paiement reste géré par Shopify. C'est une force (sécurité PCI-DSS gérée par Shopify) mais une limite pour le branding total du parcours.
  • Certaines fonctionnalités Shopify Plus avancées (Shop Pay one-tap, Apps front-end, A/B test natif) nécessitent une intégration spécifique en headless. Parfois faisable, parfois non.
  • Le temps de mise en production d'une évolution est plus long en headless. Un changement de copie ou de composant front nécessite un dev, un déploiement, une recette. Sur un thème Liquid, l'admin Shopify permet plus d'autonomie au marketing.

Le pattern défendable en CODIR : le headless gagne en performance et flexibilité front, perd en autonomie marketing et agilité de modification. C'est un trade-off à expliciter en CODIR avant la décision.

7. Trois constats décideur pour 2026

Un. L'architecture headless WordPress + Shopify Plus n'est pas une économie, c'est un investissement. Coût d'installation 100 000 à 200 000 EUR mid-market, opex 70 000 à 140 000 EUR par an. L'écart sur 3 ans avec un thème Liquid natif Shopify Plus est de 80 000 à 170 000 EUR en défaveur du headless.

Deux. Le headless est le bon choix pour les retailers qui ont un contenu éditorial dense, une UX très différenciée à porter, et une équipe technique mature. Il est un piège pour les retailers attirés par la promesse de performance sans le contexte organisationnel pour le maintenir.

Trois. Les limites pratiques sur Shopify Plus (checkout sur sous-domaine Shopify, intégration partielle de certaines apps, latence de mise en prod) doivent être explicitées en CODIR. Le choix se fait sur trois critères : densité du contenu, différenciation UX, maturité technique de l'équipe.

Pour aller plus loin, voir notre article État WordPress + e-commerce 2026. Pour la sécurité et la conformité, l'article WordPress, sécurité, RGPD, PCI-DSS. Pour cadrer une migration, la page comparatif WordPress vs Shopify Plus, et le calculateur TCO chiffre l'ordre de grandeur en 30 secondes.

La règle de décision n'est pas "headless ou non". Elle est : si vous répondez OUI à au moins 3 des 5 critères de pertinence headless (contenu dense, UX différenciée, performance compétitive, équipe mature, stratégie omnicanal), le surcoût est justifié. Sinon, un thème Shopify Plus natif tient la route à coût et risque plus bas. Ce qu'il faut, c'est un chiffre défendable en CODIR. Pas une opinion, pas une promesse, un ordre de grandeur sourcé.

SOMMAIRE