Headless WooCommerce

Headless commerce, c'est séparer le frontend (le storefront que voit le client) du backend (l'admin WooCommerce, la base produits, les commandes). Concrètement : votre boutique tourne sur un site Next.js / Astro / Remix hébergé sur Vercel ou Cloudflare, qui interroge WooCommerce via API REST ou GraphQL. Vous gardez WC comme back-office (commandes, produits, marketing), mais le client navigue sur une expérience custom moderne. Avantages : perf maximale (LCP < 1s possible), liberté totale de design, même backend pour web + mobile app + autres canaux.

Quatre cas typiques : (1) vous êtes frustré par la perf du storefront WP classique même après optimisation et voulez du LCP < 1s ; (2) vous voulez un design très spécifique non réalisable propre via thème Gutenberg ; (3) vous lancez une mobile app native (iOS / Android) et voulez un backend e-commerce unique pour web + apps ; (4) vous êtes marque DTC en hyper-croissance et voulez vous différencier sur l'expérience client. Pour 80% des boutiques WC, le storefront classique optimisé reste le meilleur choix.

Build complet d'un frontend headless WooCommerce avec Next.js ou Astro : compter à partir de 18 000 €, livré en 8-12 semaines pour une boutique standard. Pour des projets complexes (multi-langue, multi-currency, abonnements headless, pwa) : 35 000 à 80 000 €. Audit préalable gratuit qui chiffre la complexité selon votre catalogue, votre design cible, vos besoins.

Trois choix principaux : (1) Next.js — le plus répandu, ISR (Incremental Static Regeneration) excellent pour les catalogues, écosystème React mature, hosting Vercel optimal ; (2) Astro — le plus performant en perf brute (zéro JS par défaut), excellent pour les boutiques avec peu d'interactivité, hosting Cloudflare ou Netlify ; (3) Remix — excellent sur le SSR streaming, bonne option pour les boutiques avec beaucoup d'interactivité client. On vous oriente selon votre besoin pendant le cadrage.

Deux approches : (1) WC REST API native (gratuite, incluse dans WC) — simple mais limitée en flexibilité de query, plusieurs requêtes nécessaires pour assembler une page complexe ; (2) WPGraphQL + WooGraphQL (plugins gratuits) — GraphQL endpoint qui permet de demander exactement les données nécessaires en une requête, beaucoup plus efficace pour les frontends modernes. Le devis précise l'approche retenue selon vos besoins de query.

Oui c'est inclus. Auth via cookies WC + JWT pour les apps mobiles, panier persistant en localStorage avec sync server-side, checkout custom utilisant Stripe Elements (ou autre passerelle), confirmation post-checkout webhooks. Le tunnel d'achat est intégralement maitrisé côté frontend tout en utilisant WC pour la gestion des commandes, stocks, fulfillment.

Oui c'est l'un des cas les plus intéressants. Même backend WC que votre web, même catalogue, mêmes clients, mêmes commandes. Mobile app native (Swift / Kotlin) ou cross-platform (React Native / Flutter) qui consomme la même API. Cas d'usage typique : DTC qui lance une app mobile pour les clients fidèles avec push notifications, alors que le web reste pour l'acquisition. Devis spécifique selon technologies mobile choisies.

Variable mais avantage net pour le headless. Un site Next.js bien construit avec ISR et hosting Vercel atteint typiquement : LCP < 1s sur les pages produit (vs 2-3s en classique), INP < 50ms, score Lighthouse 95-100. Comparé à un thème WP même optimisé (LCP 1,5-2s, score 80-90), c'est une vraie différence. Sur les SEO compétitifs, ces gains se traduisent en positions et conversions.