Panneau d’administration Next.js 15 / TypeScript permettant de piloter la boutique
Il offre un dashboard en temps réel, la gestion complète des produits, commandes et utilisateurs, ainsi qu’un système de téléchargement sécurisé pour les produits numériques.
Domaine | Détails |
---|---|
Dashboard | Cartes (CA, ventes, clients) avec agrégations Prisma |
Produits | CRUD complet : nom, prix, stock, visuels |
Commandes | Suivi des paiements, statut, vérification des téléchargements |
Utilisateurs | Liste clients + activité |
Sécurité | Prisma ORM, validation stricte via Zod |
UI | Tailwind CSS + Shadcn UI (Radix + lucide-react) |
Couche | Techno |
---|---|
Framework | Next.js 15 (App Router) |
Langage | TypeScript 5 |
UI | Tailwind CSS · Shadcn UI |
Icons | Lucide-react |
Data & ORM | Prisma 6.9 + PostgreSQL |
Validation | Zod |
Déploiement | Vercel |
src/ ├─ app/ # Pages App Router (routes admin) ├─ actions/ # Server Actions (queries & mutations) ├─ components/ # UI partagée + composants métiers ├─ db/ # Client Prisma & config DB ├─ lib/ # Utilitaires └─ generated/prisma/ # Prisma client généré prisma/schema.prisma # Modèle de données tailwind.config.ts
# 1. Cloner le dépôt
git clone https://github.com/richazim/minimal-ecommerce-admin-panel.git
cd minimal-ecommerce-admin-panel
# 2. Installer les dépendances
npm install
# 3. Configurer les variables d'environnement
cp .env.example .env.local
# Remplir :
# DATABASE_URL=postgresql://USER:PASSWORD@HOST:PORT/DB
# NEXT_PUBLIC_STORE_URL=https://minimal-ecommerce.vercel.app
# 4. Générer le client Prisma & lancer
npx prisma migrate deploy
npm run dev