El contexto
Flag App es un proyecto personal realizado con rapidez con Next.js 16. Consume una API pública para mostrar una lista de países, sus banderas y una página de detalle por país.
La lógica de negocio sigue siendo intencionalmente simple — pocas reglas y un módulo « countries » con unos pocos casos de uso —, pero el código está organizado para evolucionar. Es un terreno de práctica para la arquitectura limpia y un primer acercamiento al domain driven design (DDD), deliberadamente más estructurado que un sitio vitrina pequeño, para aprender patrones más que perseguir una necesidad de producto compleja.
Lo que aprendí :
- Arquitectura modular:
- Módulo « countries »: casos de uso aislados, separación de dominio, aplicación y adaptadores técnicos
- Nomenclatura orientada al negocio y modularidad pensada para acoger nuevas reglas o módulos
- Implementación Next.js 16:
- App Router con distinción Server Components / Client Components para limitar el JavaScript en el navegador
- Página de inicio (lista) y páginas de país; parámetros de URL para conservar el historial de navegación
- Skeletons y estados de carga para una navegación fluida pese a los ida y vuelta al servidor
- Sin base de datos: los datos provienen de la API pública; despliegue en Vercel — el foco principal es la arquitectura de aplicación