Next.js — Páginas, Rutas estáticas, dinámicas y anidadas

Introducción

• Páginas con Next.js
• Rutas estáticas
• Rutas estáticas anidadas
• Rutas dinámicas
• Rutas dinámicas anidadas

Lee el artículo gratis → friends link o en Github [parte 1], [parte 2]

Todos los ejemplos los podrás encontrar en el repositorio next.js-15.3–1[ref]
Acá puedes ver todas las stories de next.js [ref]

Páginas con Next.js

Next.js utiliza enrutamiento basado en el sistema de archivos , lo que significa que puedes usar carpetas y archivos para definir rutas.

Una página en Next.js representa una interfaz de usuario que se renderiza en una ruta específica del sitio [ref].

Para crear una página, debes agregar un archivo page.tsx dentro del directorio /app y exportar un componente de React.

export default function ExamplePage() {
  return <h1>Esta es una página de ejemplo en Next.js!</h1>;
}

Nota: El proyecto genera una página por default en /app

:: Crear una página