À propos
Cette application est une base de départ : elle ne fait rien de métier, mais tout ce qui est pénible à mettre en place correctement est déjà en place et vérifié automatiquement.
Organisation des dossiers
Chaque dossier a une responsabilité unique. C’est ce qui permet de savoir où ranger un nouveau fichier sans hésiter.
- app/
- Les routes. Un dossier = une URL, un page.tsx = une page.
- components/
- Composants réutilisables (ui/ pour les briques, layout/ pour la coque).
- hooks/
- Hooks React partagés, dont useAuth() qui isole le provider d’authentification.
- lib/
- Fonctions pures et configuration : utils, env, navigation, règles d’auth.
- store/
- État global Zustand (compteur de démo, session utilisateur).
- types/
- Types TypeScript utilisés par plusieurs dossiers.
- tests/
- Configuration commune des tests. Les tests eux-mêmes sont à côté du code.