Site E-commerce avec Next.js et Prisma

Mars - Mai 2025 | Projet personnel | Voir sur GitHub

Pour expérimenter le full-stack moderne, j’ai construit un site e-commerce complet avec Next.js 14, Prisma et TypeScript. L’objectif était de comprendre comment ces outils s’intègrent pour créer une application fluide côté client et robuste côté serveur. J’ai développé la partie boutique pour les utilisateurs, avec catalogue, recherche, panier et checkout, ainsi qu’un backoffice admin permettant de gérer les produits, le stock et les statistiques en temps réel.

Ce projet m’a permis de découvrir la puissance des Server Components et du rendu côté serveur dans Next.js. Après une première version lente, j’ai repensé la structure pour tirer parti du streaming SSR et des Server Actions, ce qui a rendu l’expérience bien plus fluide. J’ai aussi appris à optimiser Prisma pour éviter les requêtes N+1 et à bien séparer les Server Components et Client Components pour garder les performances.

Côté état et authentification, j’ai utilisé Zustand pour un panier persistant et NextAuth.js pour sécuriser les routes admin via OAuth. Chaque choix technique répondait à un besoin concret : Zustand pour la simplicité et la rapidité, NextAuth pour éviter de réimplémenter un système d’authentification complet.

J’ai mené ce projet en binôme, en travaillant de manière itérative avec Git pour la gestion du code et la révision des fonctionnalités. Cette collaboration nous a permis de mieux structurer le projet et d’adopter de bonnes pratiques de développement en équipe.