Curso completo de Next.js 14 con App Router 🚀

¡Bienvenido/a al curso introductorio a Next.js con App Router! Durante este curso, apenderás los fundamentos (y no tanto) de Next.js con App Router para construir una aplicación web: Restaurancy, un catálogo de restaurantes.

El diseño de este curso se plantea de manera incremental, donde cada lección se basa en la anterior. Te recomendamos seguir el orden de las lecciones para obtener el máximo beneficio.

Es natural que algunos conceptos puedan resultar complicados al principio o que no siempre sea evidente el motivo detrás de ciertas decisiones. No te preocupes, a medida que avances en el curso y te enfrentes a más ejercicios, así como a la creación de aplicaciones, estos conceptos irán cobrando mayor claridad y sentido. Ten en cuenta que hay diversas formas de lograr los mismos resultados, así que si tienes ideas diferentes, ¡adelante!

Curso: https://github.com/goncy/nextjs-course

1:53 Requisitos
3:18 Terminologia
6:25 Índice
9:00 Crear una App con NextJS
11:53 Estructura del proyecto
14:50 Ambientes de renderizado (Servidor y Cliente)

23:52 Mostrando la grilla de Restaurantes (se apala la garra)
27:53 Router (creación de rutas)
32:09 Colocación (ubicación de archivos)
33:10 Navegación (componente de Link)

34:50 Metadatos - Objeto metadata
36:49 generateMetadata (creación de objeto de metadatos personalizado)
37:55 Archivos de Metadatos

38:40 Estados de Carga (loading.tsx)
41:55 Manejo de Errores (error.tsx)

43:16 Uso de una Base de Datos
46:42 Compilando de la Aplicación

49:10 Estrategias de Renderizado - Renderizado Estático
52:20 Renderizado Dinámico
54:30 Streaming
55:25 Pre-renderizado Parcial (experimental)

57:00 Caching
1:00:40 Configuraciones de Revalidación de Caché
1:01:00 cache: no-store
1:02:53 revalidate
1:04:42 Configuración de Segmento de Ruta
1:07:51 Funciones Dinámicas

1:08:40 Revalidación Manual
1:09:20 revalidatePath
1:12:40 revalidateTag

1:13:49 Parámetros de URL
1:17:40 Agrupación de Rutas
1:19:48 Server Actions
1:22:32 Guardado en Favoritos (localStorage)
1:24:30 Pre-renderizado
1:25:25 Lazy Loading

Twitter: https://twitter.gonzalopozzo.com
TikTok: https://tiktok.gonzalopozzo.com
Twitch: https://twitch.gonzalopozzo.com
Discord: https://discord.gonzalopozzo.com
Github: https://github.gonzalopozzo.com