Application Front — Vue d'ensemble
L'application Front est le portail web utilisé par les audioprothésistes et agents des succursales Proleads. Elle est construite en Next.js (Pages Router) avec Tailwind CSS et shadcn/ui.
Architecture
| Couche | Technologie |
|---|---|
| Frontend | Next.js (Pages Router), Tailwind CSS, shadcn/ui |
| Authentification | NextAuth.js (credentials) |
| Visualisations | Recharts |
| Drag & drop | react-dnd (HTML5 Backend) |
| État global | Zustand (contact store) |
| Cache requêtes | TanStack Query (React Query) |
Accès et rôles
L'application distingue deux types d'utilisateurs :
| Rôle | Accès |
|---|---|
administrator | Toutes les succursales, sélection de client, vue globale |
authenticated | Succursales assignées uniquement |
Navigation principale
| Page | Route | Description |
|---|---|---|
| Tableau de bord | / | Statistiques globales ou par succursale |
| Base de données | /database | Liste des leads avec filtres avancés |
| Facturation | /billing | Consultation et téléchargement des factures |
| Support | /support | Tutoriels, scripts d'appel, FAQ |
| Tableau de bord succursale | /branches/[id]/dashboard | Stats d'une succursale |
| Rendez-vous | /branches/[id]/appointment | Suivi des RDV par statut |
| Funnel | /branches/[id]/funnel | Tableau kanban de relance |
| Rappels | /branches/[id]/reminder | Leads à rappeler |
Variables d'environnement
NEXT_PUBLIC_API_URL URL publique de l'API Strapi
NEXTAUTH_SECRET Secret de chiffrement des sessions
API_URL URL serveur de l'API (SSR)