Evianchezvous

Refonte complète d'evianchezvous, site de livraison d'eau Evian à domicile (Paris/Île-de-France) : passage de Magento 1 monolithique à Magento 2 headless avec un front React + GraphQL. Tech lead front sur 2 ans, du cadrage à la prod.

Le projet, c'est tout faire en même temps : migrer Magento 1 → 2, sortir le front du monolithe pour en faire une app React, repenser le checkout et le compte client, et porter la logique d'abonnement (livraison récurrente d'eau) qui n'est pas native Magento. Avec en filigrane le SSR pour ne pas perdre le référencement, et une perf qui devait battre la V1 dès le jour 1.

• Front React from scratch sur tout le tunnel e-commerce : panier, checkout, compte, abonnements, créneaux de livraison par code postal — toute la logique métier rapatriée côté JS.
• Couche GraphQL custom au-dessus de Magento 2 : le natif M2 ne couvre pas tout, beaucoup de resolvers et de schémas étendus pour servir le front sans aller-retour superflus.
• Module abonnement + paiement récurrent + commandes ponctuelles, branchés sur les contraintes de livraison par zone — un truc que Magento ne sait pas faire seul, à coder en custom des deux côtés.

Magento 2 en backend pour la stack e-commerce (catalogue, commandes, clients, paiements), avec une couche GraphQL étendue sur mesure. Front React + Apollo Client + SSR pour la perf et le SEO — sortir d'un monolithe Magento sans dégrader l'indexation, c'est tout l'enjeu du headless. React permet aussi une vraie expérience mobile, composants pensés pour le tactile et transitions natives, que Magento 1 ne savait pas offrir. Migration des données M1 → M2 (produits, clients, commandes, abonnements actifs) sans casser l'historique.

Toujours en prod plusieurs années après livraison. Perf et taux de conversion en hausse vs la V1 Magento 1. Côté perso, c'est mon premier site e-commerce en React et mon premier rôle de tech lead front sur 2 ans. La leçon principale : en passant un Magento en headless, on doit réinventer en React des choses que la V1 faisait gratuitement — cart, sessions, customer flows. Beaucoup de plomberie à reposer pour gagner en UX et en perf.