Volver al curso

Next.js desde Cero (App Router)

leccion
1 / 12
beginner
10 horas
App Router mental model

Routing y layouts: estructura clara

Lectura
15 min~1 min lectura

Routing en App Router

Aprende la estructura de carpetas, layouts y como construir navegacion sin hacks.

Conceptos clave

  • app/ como fuente de rutas
  • layout.tsx y templates
  • route groups (marketing/app)

Ejemplo

Ejemplo: app/(marketing)/page.tsx para home y app/(app)/dashboard/page.tsx para app.

Ejercicio

  • Crea 2 route groups (marketing y app).
  • Agrega un layout con nav comun.

Checklist de mastery

  • Entiendo layouts y route groups.
  • Puedo organizar rutas por contexto.