Sommaire
1. Le contexte
Un e-commerce spécialisé, en ligne depuis plus de 10 ans, tournait sur le combo classique : WordPress + WooCommerce, hébergement mutualisé, une vingtaine de plugins empilés au fil des années. Le site fonctionnait, mais il accumulait toutes les dettes qu'on connaît bien :
- des pages lentes à charger (3 à 5 secondes),
- un score mobile catastrophique aux yeux de Google,
- des mises à jour de plugins à surveiller chaque mois (et les failles qui vont avec),
- un référencement durement acquis qu'il ne fallait surtout pas casser.
L'objectif de la refonte : garder tout l'acquis SEO tout en repartant sur une base technique moderne, rapide et maintenable.
2. Pourquoi Next.js plutôt qu'un énième thème WordPress ?
Le réflexe aurait été de refaire un thème propre sur WordPress. Mais le vrai problème n'était pas le thème — c'était l'architecture. Rendu serveur côté PHP, requêtes MySQL non optimisées, JavaScript de plugins chargé sur toutes les pages, aucune stratégie d'images.
J'ai choisi une stack que je maîtrise et qui répond directement aux Core Web Vitals :
3. Les chiffres de performance (avant / après)
C'est là que la migration parle d'elle-même. Audits Lighthouse réalisés sur la page d'accueil, en mode mobile, connexion 4G lente simulée.
Core Web Vitals
Le LCP divisé par ~4 et le TTFB divisé par 6 changent radicalement la perception de vitesse. Sur mobile, le site passe de « ça rame » à « instantané ».
Score Lighthouse
4. Le vrai piège d'une refonte : ne pas perdre son SEO
C'est le point que la plupart des refontes ratent. Une migration mal pilotée peut faire perdre 30 à 70 % du trafic organique du jour au lendemain : URLs qui changent, redirections oubliées, Google qui se retrouve face à des 404 sur des pages qui rankaient depuis des années.
Sur ce projet, plus de 200 redirections 301 ont été mises en place pour faire correspondre chaque ancienne URL WordPress à sa nouvelle adresse Next.js :
Résultat : le référencement acquis sur 11 ans a été préservé pendant le basculement, sans trou de visibilité.
5. L'impact business
Ici, je reste volontairement en relatif pour respecter la confidentialité du client — pas de montants en euros, juste les ordres de grandeur.
Sur les premiers mois suivant la mise en ligne, en neutralisant l'effet de saisonnalité (le secteur a des pics au printemps), le nouveau site a généré plusieurs fois le chiffre d'affaires que l'ancien site réalisait sur la même période. Les données proviennent directement de Stripe (paiements succeeded uniquement, donc des ventes bien réelles).
💡Note honnête : on ne peut pas tout attribuer à la technique. Un site plus rapide et mieux référencé aide, mais une refonte s'accompagne aussi d'un travail sur les fiches produits, les visuels et l'expérience d'achat. La performance est un facteur, pas le seul.
Ce qui est mesurable et directement lié à la refonte :
- ✓Vitesse : pages quasi instantanées vs 3-5 s auparavant.
- ✓Mobile : conforme aux Core Web Vitals de Google (échec auparavant).
- ✓Maintenance : plus de mises à jour de plugins mensuelles, déploiement automatisé.
- ✓Sécurité : surface d'attaque drastiquement réduite (plus de +20 plugins à patcher).
- ✓Coûts : hébergement + outillage rationalisés sur Vercel.
6. Ce que je retiens
La performance est un produit, pas une option.
Diviser le LCP par 4 se ressent immédiatement côté utilisateur et côté conversion.
Le SEO se prépare AVANT le lancement.
Les 200+ redirections étaient prêtes le jour J. C'est non négociable sur un site avec de l'historique.
Next.js + Supabase + Vercel est un combo redoutable.
Pour un e-commerce de cette taille : rendu serveur rapide, images optimisées automatiquement, déploiement en quelques secondes.
Migrer ≠ tout réécrire d'un coup.
Le plus dur n'est pas le code, c'est de préserver l'existant (URLs, données, référencement) sans rien casser.
Conclusion
Une refonte WordPress → Next.js n'a d'intérêt que si elle est pilotée comme une migration, pas comme un simple changement de design. Quand c'est bien fait, on récupère des Core Web Vitals au vert, un SEO préservé, une maintenance allégée — et, dans ce cas précis, un chiffre d'affaires multiplié sur les premiers mois.
Le code n'est que la partie visible. La vraie valeur est dans tout ce qu'on ne casse pas. Pour une vue plus théorique de cette transition, voir aussi pourquoi migrer de WooCommerce vers Next.js en 2026.
Stack : Next.js 15 (App Router) · Supabase · Vercel · Stripe · Tailwind CSS · TypeScript
Une boutique à moderniser ?
Je réalise un audit gratuit de votre site et vous dis honnêtement si une refonte vaut le coup — chiffres à l'appui.
Demander un audit gratuit+10 ans d'expérience, 250+ projets livrés. Expert React, Next.js & WordPress. J'aide les entreprises à construire des expériences web performantes.