Retour aux réalisations
ecommerce2026OptiPrixMat

Plateforme e-commerce OptiPrixMat

Refonte e-commerce full-custom, sans CMS, du site OptiPrixMat : catalogue de produits techniques d'entretien fabriqués en France, architecture headless Next.js/Fastify, double tarification HT/TTC, paiement Stripe, SEO avancé et back-office métier à rôles.

Plateforme e-commerce OptiPrixMat

Headless full-custom

Architecture

Front Next.js 15 découplé d'une API Fastify/TypeScript, sans CMS ni frais de licence.

52 produits · 66 conditionnements

Catalogue migré

Repris depuis l'ancien site WordPress (WooCommerce) avec redirections 301 pour préserver le référencement.

31 tests automatisés

Qualité & tests

12 unitaires, 14 d'intégration API et 5 end-to-end Playwright, exécutés en CI/CD.

Tarifs HT / TTC

Double clientèle

Bascule globale persistée et prix recalculés côté serveur pour professionnels et particuliers.

Vue d'ensemble

OptiPrixMat commercialise des produits techniques d'entretien fabriqués en France. Vinsonova a conçu et développé une refonte e-commerce entièrement sur mesure, sans CMS, sur une architecture headless découplée : un storefront Next.js 15 rendu côté serveur pour le référencement, une API Fastify en TypeScript (authentification JWT et RBAC), une base PostgreSQL pilotée par Prisma, une recherche Meilisearch tolérante aux fautes et un cache Redis, le tout conteneurisé et testé.

La plateforme gère une double clientèle — particuliers en TTC, professionnels en HT — avec une bascule globale persistée, un catalogue réel d'une cinquantaine de produits déclinés par conditionnement (1 L à 25 L), l'affichage du prix au litre/au kg, les avis clients, le paiement Stripe (CB, Apple Pay, Google Pay) piloté par webhook signé, l'expédition Boxtal et un back-office à rôles couvrant catalogue & stock, commandes, facturation, SAV et blog.

Une attention particulière a été portée au référencement (données structurées Schema.org, sitemap, flux Google Merchant Center, redirections 301 des anciennes URL WordPress) et à la conformité réglementaire : les fiches de données de sécurité ne sont jamais en accès libre et sont fournies automatiquement à l'acheteur, conformément à l'article 31 du règlement REACH.

Enjeux

Migrer un site marchand WordPress vers une architecture headless sans perdre le référencement ni les données réelles (catalogue, ventes, comptes clients), gérer une double clientèle HT/TTC avec des règles de prix fiables recalculées côté serveur, garantir des paiements dont seul le webhook signé fait foi, respecter la réglementation REACH sur la diffusion des fiches de données de sécurité, et livrer une base testée, conteneurisée et déployable en production.

Réponse apportée

Une plateforme e-commerce headless découplée : front Next.js 15 (SSR/SSG) optimisé SEO, API Fastify/TypeScript avec authentification JWT et RBAC, PostgreSQL via Prisma, recherche Meilisearch avec repli SQL automatique, cache Redis. La logique de prix HT/TTC et le RBAC sont centralisés et testés dans un module partagé. Paiement Stripe piloté par PaymentIntent serveur et webhook signé idempotent ; expédition Boxtal API v3 ; diffusion des FDS conforme REACH (gating par la commande, demande tracée sinon). Référencement complet : données structurées Schema.org (Product/Offer/AggregateRating, BlogPosting, BreadcrumbList, Organization, WebSite), sitemap, robots.txt, flux produits Google Merchant Center et redirections 301 des anciennes URL. Back-office à rôles (ADMIN, CATALOGUE, SAV, COMPTA) avec tableau de bord BI, gestion catalogue/stock, commandes, facturation, demandes FDS, clients pros et éditeur de blog.

Objectifs du projet

  • Remplacer WordPress/WooCommerce par une plateforme full-custom, performante et maîtrisée de bout en bout
  • Servir particuliers (TTC) et professionnels (HT) avec une tarification adaptée
  • Maximiser la visibilité SEO et la présence dans l'onglet Produits de Google
  • Sécuriser le paiement en ligne et automatiser l'expédition
  • Offrir un back-office autonome à rôles pour piloter catalogue, commandes et contenu
  • Préserver le référencement acquis lors de la migration depuis l'ancien site

Stack et expertises

Technologies

Next.js 15ReactTypeScriptTailwind CSSFastifyNode.jsPrismaPostgreSQLMeilisearchRedisStripeBoxtalDockerPlaywright

Prestations

Architecture headlessDéveloppement frontendDéveloppement backendDesign UX/UIRéférencement SEO techniqueIntégration paiementAutomatisation logistiqueMigration de donnéesBack-office sur mesureDéploiement & CI/CD

Projet similaire en tête ?

Concevons une réalisation qui mérite elle aussi sa page dédiée.

Cadrage, design, développement, SEO et mise en ligne : on peut vous accompagner de l'idée jusqu'au résultat visible.