Volver al curso

Next.js desde Cero (App Router)

leccion
3 / 12
beginner
10 horas
App Router mental model

Loading, error y not-found: UX profesional

Lectura
15 min~1 min lectura

Estados de UI

Apps reales necesitan estados: cargando, error, 404. Next te lo da por archivo.

Conceptos clave

  • loading.tsx
  • error.tsx
  • not-found.tsx

Ejemplo

Crea loading.tsx en una ruta lenta y muestra skeleton.

Ejercicio

  • Agrega loading/error a una ruta.
  • Simula un error y verifica el fallback.

Checklist de mastery

  • Tengo estados basicos en rutas clave.
  • No dejo pantallas en blanco.