CHOSUR est un site e-commerce réalisé en seulement une semaine, depuis le design jusqu’au déploiement. Le cahier des charges imposait l’intégration d’un système ESS et j’ai choisi de pousser la démarche circulaire plus loin avec la fonctionnalité Loop, dédiée à la revente et au reconditionnement de sneakers.
Contexte
L’objectif était de livrer une boutique complète, capable de gérer un catalogue de chaussures, des commandes sécurisées et une gestion fine des utilisateurs. Trois profils coexistent :
- Client : parcourir le catalogue, acheter et soumettre ses paires via Loop.
- Vendeur : gérer les stocks, les commandes et suivre les retours clients.
- Admin : superviser l’ensemble, modérer les propositions Loop et ajuster la stratégie produit.
La contrainte d’implémenter un module ESS a guidé la création de Loop pour encourager la seconde main et allonger la durée de vie des produits.
Fonctionnalités principales
- Catalogue e-commerce complet : fiches produits, variantes et gestion des stocks en temps réel.
- Commande sécurisée avec Stripe Payment Intents, webhooks et gestion des statuts.
- Authentification Google via NextAuth, avec rôles persistés en base.
- Backoffice unifié pour vendeurs et admins avec accès aux commandes, utilisateurs et inventaires.
- Process Loop :
- Soumission de paires par les clients.
- Revue par l’équipe CHOSUR et choix entre reconditionnement ou valorisation matière.
- Calcul automatique des commissions client et suivi des crédits (10 € toutes les dix paires recyclées).
- Notifications par email lors des validations ou demandes de confirmation.
Architecture technique
- Frontend & backend : NextJS 15 (App Router) en TypeScript, UI basée sur shadcn/ui et Framer Motion pour les animations.
- Base de données : PostgreSQL orchestré avec Prisma ORM pour un schéma strict et typé.
- Conteneurisation : Docker et docker-compose pour reproduire facilement l’environnement (app, base, queue).
- Déploiement : Coolify self-hosté, intégration continue maison, exposition sécurisée via Cloudflare Tunnel.
- Infrastructure : gestion des DNS, certificats SSL et monitoring des services.
Mon rôle
J’ai pris en charge la totalité du développement :
- Conception du frontend (catalogue, parcours d’achat, backoffice) avec Tailwind CSS et composants shadcn.
- Construction du backend NextJS (routes App Router, API REST/Route Handlers, validations Zod).
- Intégration complète de NextAuth avec Google OAuth et gestion des rôles (client, vendeur, admin).
- Implémentation des paiements Stripe, création des Payment Intents, webhooks sécurisés et synchronisation des statuts de commande.
- Mise en place du module Loop, depuis les formulaires jusqu’aux workflows d’approbation côté backoffice.
- DevOps & sysadmin : configuration Docker, déploiement sur Coolify, gestion des DNS, tunnels Cloudflare, supervision des logs et sauvegardes PostgreSQL.
Défis rencontrés
- Maintenir un rythme soutenu pour livrer un e-commerce complet en 7 jours sans sacrifier la qualité du code.
- Sécuriser les flux Stripe (signatures Webhook, idempotence) pour éviter les doublons de commandes.
- Industrialiser la boucle Loop : modéliser les états des paires, les validations et les relances email.
- Automatiser le déploiement sur une stack self-hosted tout en garantissant certificats et disponibilité.
Résultats
- Site opérationnel et accessible : https://chosur.fr
- Process Loop adopté pour prolonger la vie des sneakers et respecter la contrainte ESS.
- Backoffice unique pour l’équipe (vendeurs & admins) offrant une vision globale des commandes, stocks et utilisateurs.
- Infrastructure maîtrisée de bout en bout, de la base PostgreSQL au reverse proxy Cloudflare.
CHOSUR démontre ma capacité à livrer un produit complet mêlant frontend, backend, paiements et DevOps, tout en respectant un délai serré et une vision circulaire de l’e-commerce.
