Le contexte
Flag App est un projet personnel réalisé rapidement avec Next.js 16. Il consomme une API publique pour afficher une liste de pays, leurs drapeaux et une page de détail par pays.
Le métier reste volontairement simple — peu de règles et un module « countries » avec quelques cas d'usage — mais le code est organisé pour évoluer. C'est un terrain d'entraînement à la clean architecture et à une première approche du domain driven design (DDD), volontairement plus structuré qu'un petit site vitrine classique, afin d'apprendre les patterns plutôt que de courir après un besoin produit complexe.
Mes réalisations :
- Architecture modulaire :
- Module « countries » : cas d'usage isolés, séparation domaine, application et adaptateurs techniques
- Nommage orienté métier et modularité pensée pour accueillir de nouvelles règles ou de nouveaux modules
- Implémentation Next.js 16 :
- App Router avec distinction Server Components / Client Components pour limiter le JavaScript côté navigateur
- Page d'accueil (liste) et pages pays ; paramètres d'URL pour conserver l'historique de navigation
- Skeletons et états de chargement pour une navigation fluide malgré les allers-retours serveur
- Pas de base de données : les données viennent de l'API publique ; déploiement sur Vercel, l'enjeu principal étant l'architecture applicative