📂 Organización de rutas
Ahora, cada carpeta dentro de app/ representa una ruta. El archivo page.tsx define la página principal, mientras que otros archivos como layout.tsx, loading.tsx o error.tsx permiten manejar el ciclo de vida de la ruta de forma declarativa.
👉 Aquí, generateMetadata permite generar SEO dinámico por cada página, algo que antes era más complejo.
⚡ Ventajas del App Router
- Layouts anidados → reutilización de UI.
- Server Components → mejor performance y menos JS en el cliente.
- SEO dinámico con generateMetadata.
- Streaming → render progresivo de la UI.
🎯 Conclusión
El App Router no es solo un cambio de carpeta: es un nuevo paradigma en el desarrollo con Next.js. Adoptarlo temprano te prepara para proyectos más escalables, rápidos y optimizados para buscadores.
