Le client
Une entreprise spécialisée dans les objets publicitaires B2B, avec un catalogue de plus de 48 000 produits et 400 000 variantes (couleurs, matériaux, dimensions). Le site existant, construit sur WordPress/WooCommerce, était devenu un frein à la croissance de l'activité.
Le problème : quand WordPress atteint ses limites
Le client faisait face à un constat clair : son site ne suivait plus.
Des performances dégradées
Avec un catalogue de cette envergure, chaque page mettait plusieurs secondes à charger. La base de données MySQL de WooCommerce n'était tout simplement pas conçue pour gérer des centaines de milliers de variantes produits. Les visiteurs partaient avant même d'avoir vu le catalogue.
Une instabilité chronique
Le site crashait régulièrement, notamment lors des pics de trafic ou des tentatives de mise à jour du catalogue. Chaque mise à jour de plugin représentait un risque : incompatibilités, régressions, parfois des heures d'indisponibilité.
L'import produit, un cauchemar
Le nerf de la guerre pour un distributeur B2B, c'est la mise à jour du catalogue fournisseur. Avec WordPress, l'import de 48 000+ produits était un processus fragile, lent, souvent incomplet. Des produits manquants, des prix désynchronisés, des variantes perdues. Le client passait des heures chaque semaine à corriger manuellement les données.
Un SEO pénalisé
Temps de chargement excessifs, structure de données mal optimisée, balises meta génériques... Le site perdait du terrain sur les SERP face à des concurrents plus rapides et mieux structurés.
"On passait plus de temps à maintenir le site qu'à vendre. Chaque mise à jour était une source de stress."
La solution : une architecture headless moderne et performante
Plutôt qu'un énième rafistolage WordPress, j'ai proposé une refonte complète avec une architecture découplée, pensée pour la performance et l'autonomie du client.
L'architecture technique
| Composant | Technologie | Rôle |
|---|---|---|
| Backend / CMS | Strapi 5 (headless) | Gestion du catalogue, contenus, SEO |
| Frontend | Nuxt 4 + Nuxt UI | Interface utilisateur rapide et moderne |
| Base de données | PostgreSQL | Stockage optimisé pour les gros volumes |
| Hébergement | VPS dédié (8 CPU, 32 Go RAM) | Performance et contrôle total |
Pourquoi cette stack ?
Strapi 5 comme CMS headless permet de gérer les contenus (produits, pages, blog, menus) via une API REST performante, sans les limitations d'un monolithe WordPress. Le back-office est intuitif : le client gère ses contenus en toute autonomie.
Nuxt 4 côté front offre un rendu hybride (SSR/SSG) qui garantit des temps de chargement optimaux et un SEO natif. Les pages produit sont pré-rendues, les images optimisées automatiquement.
PostgreSQL avec des index sur les champs critiques (SKU, slugs, dates) supporte sans broncher les 48 000 produits et 400 000 variantes.
Le défi technique majeur : la synchronisation fournisseur
Le point le plus complexe du projet : automatiser la mise à jour du catalogue depuis l'API Elasticsearch du fournisseur.
Ce qui a été mis en place
- Synchronisation incrémentale automatique : chaque semaine, seuls les produits modifiés sont mis à jour. Fini les imports complets qui prennent des heures.
- Gestion intelligente des erreurs : retry automatique avec backoff exponentiel, journalisation complète. Si un produit échoue, les autres continuent.
- Création automatique des catégories : l'arborescence des catégories se construit et se met à jour toute seule à partir des données fournisseur.
- Historique de synchronisation : chaque import est tracé (nombre de produits créés, mis à jour, erreurs) pour un suivi transparent.
Résultat : le catalogue se met à jour tout seul, sans intervention humaine. Le client a retrouvé des heures de travail chaque semaine.
Les fonctionnalités clés
Catalogue produit avancé :
- 48 000+ produits avec variantes (couleur, matériau, dimensions)
- Tarification dégressive par paliers de quantité
- Labels éco-responsables (Made in France/Europe, bilan carbone)
- Fiches produit optimisées pour le SEO avec descriptions enrichies
Système de devis B2B :
- Pas de panier classique : un workflow de demande de devis adapté au B2B
- Snapshot du panier envoyé avec la demande
- Notification automatique à l'équipe commerciale
Gestion de contenu flexible :
- Pages dynamiques avec blocs modulaires (hero, colonnes, carousels, formulaires)
- Blog avec catégories hiérarchiques
- Menus configurables (header, footer, mega menu)
- Diaporamas avec autoplay
SEO intégré :
- Balises meta, Open Graph, Twitter Card sur chaque contenu
- Données structurées schema.org
- Score SEO avec détection des problèmes
- Sitemap automatique
Les résultats
Performance
| Métrique | Avant (WordPress) | Après (Nuxt/Strapi) |
|---|---|---|
| Temps de chargement | > 5 secondes | < 1,5 seconde |
| Stabilité | Crashes fréquents | 99,9% de disponibilité |
| Import catalogue | Manuel, incomplet | 100% automatisé |
Business
- Gain de positionnement SEO : amélioration notable sur les SERP grâce à la performance et la structure technique
- Autonomie du client : gestion complète du catalogue, des contenus et du blog sans intervention technique
- Catalogue toujours à jour : synchronisation automatique hebdomadaire depuis les fournisseurs
- Satisfaction client : une plateforme fiable, rapide, qui ne nécessite plus de maintenance permanente
Calendrier du projet
| Phase | Durée | Contenu |
|---|---|---|
| Cadrage & architecture | 2 semaines | Audit de l'existant, choix techniques, spécifications |
| Développement backend | 3 semaines | Strapi, content types, synchronisation fournisseur |
| Développement frontend | 3 semaines | Nuxt, pages, catalogue, système de devis |
| Tests & optimisation | 1 semaine | Performance, SEO, recette fonctionnelle |
| Migration & lancement | 1 semaine | Import des données, mise en production |
| Total | ~10 semaines |
Ce que ce projet illustre
Cette refonte démontre qu'il est possible de transformer un site WordPress à bout de souffle en une plateforme performante et autonome, même avec un catalogue de plusieurs dizaines de milliers de produits.
- Une architecture adaptée au besoin : exit le monolithe, place au headless pour découpler front et back
- L'automatisation comme priorité : plus de tâches manuelles répétitives, le système se met à jour tout seul
- La performance comme fondation : un site rapide, c'est un meilleur SEO, une meilleure expérience utilisateur, et plus de demandes de devis
- Un accompagnement de bout en bout : du cadrage technique au déploiement, en passant par la migration des données
Vous êtes dans une situation similaire ?
Votre site WordPress montre ses limites ? Votre catalogue produit est devenu ingérable ? Vous perdez du temps sur de la maintenance au lieu de développer votre activité ?
Que vous soyez entrepreneur, porteur de projet ou agence web à la recherche d'un partenaire technique, je peux vous aider à trouver la bonne architecture pour vos ambitions.
Discutons de votre projet