Busca en todas las páginas de la documentación
10 pages in this section.
Conceptos básicos de App Router en Next.js 15 — enrutamiento basado en el sistema de archivos, layouts, componentes de servidor, estados de carga, límites de error y segmentos de ruta.
Los Layouts envuelven páginas con UI compartida que persiste entre navegaciones. Nunca se remontan — usa plantillas cuando necesites estado fresco.
Usa la sintaxis de corchetes para crear rutas que coincidan con segmentos de URL dinámicos — parámetros individuales, segmentos catch-all y patrones catch-all opcionales.
Los grupos de rutas usan paréntesis (folderName) para organizar rutas sin afectar la estructura de URLs. Permiten múltiples layouts en el mismo nivel de ruta.
Los archivos especiales loading.tsx, error.tsx y not-found.tsx crean límites Suspense y Error Boundaries automáticos con alcance a segmentos de ruta.
Middleware se ejecuta antes de cada solicitud coincidente, habilitando redirecciones, reescrituras, modificaciones de encabezados y verificaciones de autenticación en el borde.
Las rutas interceptadas te permiten cargar una ruta dentro del layout actual durante la navegación del lado del cliente mientras se preserva la página completa en acceso directo o al actualizar.
Las rutas paralelas utilizan carpetas @slot para renderizar múltiples páginas simultáneamente dentro de un único layout. Cada slot es un segmento de ruta independiente con su propio loading
Navega entre rutas usando el componente <Link>, useRouter programático, hooks para leer la URL y redirect en el servidor.
Un resumen condensado de las 25 mejores prácticas más importantes extraídas de cada página en esta sección.