Easy Drop — Frontend
Application Next.js (App Router) + TypeScript + Tailwind CSS + Supabase.
Ce qui est fait à cette étape (Étape 1 — Architecture & setup)
- Squelette du projet Next.js 15 avec TypeScript et Tailwind (couleurs de la charte Easy Drop déjà configurées).
- Connexion à Supabase préparée (client navigateur + client serveur).
- Middleware de protection des routes
/dashboard, /commandes, /gains (espace commercial) et /admin (espace admin), avec redirection automatique si non connecté ou compte non validé.
- Page d'accueil de la vitrine publique (basique, sera enrichie à l'étape 6).
- Fichier
.env.example listant toutes les clés nécessaires.
Ce qui n'est pas encore fait (prochaines étapes de la roadmap) : base de données (étape 2), écrans d'authentification fonctionnels (étape 3), design system complet (étape 4), catalogue (étape 5), etc.
Comment installer le projet sur ton ordinateur
- Installer Node.js (version 20 ou plus récente) si ce n'est pas déjà fait.
- Ouvrir un terminal dans le dossier
frontend/.
- Installer les dépendances :
npm install
- Copier le fichier d'environnement :
cp .env.example .env.local
- Remplir
.env.local avec les informations de ton projet Supabase (voir le dossier backend/ pour la création du projet).
- Lancer le serveur de développement :
npm run dev
- Ouvrir http://localhost:3000 dans ton navigateur.
Où cliquer pour créer le projet Supabase (à faire avant l'étape 2)
- Aller sur supabase.com et créer un compte gratuit.
- Cliquer sur New Project.
- Choisir un nom (ex.
easy-drop), un mot de passe de base de données (à conserver précieusement), et la région la plus proche (Europe si pas de région Afrique disponible).
- Une fois le projet créé, aller dans Project Settings > API pour récupérer :
Project URL → à coller dans NEXT_PUBLIC_SUPABASE_URLanon public key → à coller dans NEXT_PUBLIC_SUPABASE_ANON_KEYservice_role key → à coller dans SUPABASE_SERVICE_ROLE_KEY (à garder secrète, jamais dans le code partagé)
Je te guiderai clic par clic pour la suite (déploiement Vercel, connexion du domaine) le moment venu.
