¿Qué son las páginas (pages) en Nextjs?
Unas pagina es una interfaz de usuario de una ruta. Es posible definir una página por default exportando un componente dentro del archivo page.tsx.
Por ejemplo, para crear tu página index, agrega un archivo page.tsx dentro del directorio app.
// app/page.tsx
export default function Page() {
return <h1>Hola Mundo!</h1>
}
Por ejemplo, para crear una página llamada /dashboard, crea un directorio dashboard con un archivo page.tsx dentro de él.
export default function Page() {
return <h1>Página Dashboard</h1>
}
Conclusiones
En Next.js, el sistema de enrutamiento basado en el archivo pages.tsx simplifica la creación de rutas y páginas. Al exportar un componente por defecto en un archivo page.tsx, se define una nueva página accesible a través de una URL correspondiente. Este enfoque permite una estructura de proyecto clara y organizada, facilitando la navegación y el desarrollo de aplicaciones web. Además, la flexibilidad de Next.js permite crear rutas anidadas y dinámicas, proporcionando una solución robusta para el desarrollo de aplicaciones modernas y escalables.