Tomemos un momento para analizar el proyecto.

• app: Este directorio es el núcleo de la aplicación, donde se encuentran todas las rutas, componentes y lógica. Aquí se desarrollará la mayor parte de la funcionalidad principal de la aplicación;
• app/lib: Contiene funciones esenciales utilizadas en toda la aplicación. Estas funciones cumplen diversos propósitos, incluyendo utilidades reutilizables en diferentes partes del proyecto y funciones para la obtención de datos;
• app/ui: Aquí se encuentran todos los componentes de interfaz de usuario que conforman los elementos visuales de la aplicación, como tarjetas, tablas y formularios. Estos componentes ya están pre-estilizados para ahorrar tiempo;
• public: Almacena los recursos estáticos como imágenes utilizadas en la aplicación;
• scripts: Un script de carga de datos en este directorio será útil para poblar la base de datos en un capítulo posterior. Esta carpeta no es una característica nativa de Next.js sino que ha sido creada específicamente para trabajar con la base de datos real.