Parte del Journey de ReactNuevoRecorridoAprende Next.js
Un curso de Next.js gratuito e interactivo que te lleva de los componentes de React a una app real: rutas, layouts, componentes de servidor y cliente, obtención de datos y server actions. Las pistas de IA te ayudan cuando te atascas y al terminar obtienes un certificado gratuito.
47 lecciones41 retos99 preguntas de quiz
- Apto para principiantes
Ayuda de codificación con IA
Lecciones interactivas prácticas
Cuestionarios para poner a prueba tu conocimiento
Certificado gratuito de finalización
Programa
Esta sección forma parte del Journey de React. El programa completo tiene más secciones: haz clic en cualquier vista previa de abajo para verla en la página del Journey.
- Sección 1Fundamentos42 lecciones
Sección 2
Esenciales de Next.js
Empezar secciónEmpezarPasa de los componentes de React a una aplicación real: enrutamiento basado en el sistema de archivos, layouts, componentes de servidor y cliente, obtención de datos, server actions y un proyecto completo en Next.js.Por qué Next.js
4 lecciones39Enrutamiento y enlaces
6 lecciones516Diseños y Metadatos
6 lecciones515Servidor y Cliente
6 lecciones515Datos en el servidor
6 lecciones516Server Actions
5 lecciones413Navegación del cliente
5 lecciones515Proyecto: Coddy Eats
9 lecciones9
Aprende Haciendo
Escribe código real, consulta bases de datos, crea sitios web y domina los prompts de IA. Nuestras lecciones interactivas cubren todas las habilidades que los desarrolladores modernos necesitan.
Construye tu Racha
¡Mantén la constancia y observa cómo crece tu progreso! Sigue tu hábito diario de programación, protege tu racha con días de congelación y gana recompensas por aparecer cada día.
12 días de racha
¡Vuelve mañana para mantener tu racha!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Doble o Nada
Día 5 de 7
Congelar Racha
2 left
Donde Quieras
¡Lleva tu viaje de programación contigo! Sin configuración, sin descargas, solo abre y empieza a programar. Disponible en iOS, Android y Web con calificaciones de 4.9 estrellas.
No Estás Solo
Compite en tablas de clasificación globales, invita amigos para ganar recompensas y celebra los logros de los demás. ¡Programar es mejor con amigos!
1
2
3
Zona de promociónAprende de todas las formas
Lee, escucha, ponte a prueba, pregunta a la IA o consulta cualquier cosa que ya hayas estudiado. Cada lección se adapta a ti.
Una variable es un contenedor con nombre que guarda un valor al que puedes hacer referencia más tarde.
En Python, creas una escribiendo el nombre, un signo igual y el valor que quieres guardar.
El valor puede cambiar con el tiempo: reasignar el nombre simplemente lo apunta a un nuevo valor.
Certifícate
Gana certificados por cada curso que completes. Agrégalos a tu perfil de LinkedIn y currículum para mostrar tu experiencia en programación a los empleadores.
Certificado de FinalizaciónFundamentos de Python
Agregar a LinkedInPor qué aprender Next.js con Coddy
- Construye apps de Next.js en tu navegador. Sin instalar Node, sin create-next-app, sin configuración: cada lección te entrega un directorio app real con layout, páginas y componentes para editar.
- El App Router tal como se usa en producción: carpetas como rutas, segmentos dinámicos, layouts anidados, componentes de servidor vs cliente, obtención de datos, estados de carga y error, y formularios con server actions.
- Pistas de IA que leen tu código real. Cuando una ruta devuelve 404 o un componente de servidor falla, recibes una pista que señala el problema sin regalarte la respuesta.
- Un certificado gratuito al terminar la sección: Next.js es el framework de React más demandado, y es lo que piden las ofertas de frontend modernas junto al propio React.
Preguntas frecuentes sobre aprender Next.js
¿Qué es Next.js?
Next.js es un framework de React para construir aplicaciones web completas. React te da componentes; Next.js añade todo lo demás: rutas basadas en archivos, layouts anidados, renderizado en el servidor, obtención de datos y server actions para formularios y mutaciones. Lo desarrolla y mantiene Vercel y es el framework de React más usado en producción.
¿Necesito saber React antes de aprender Next.js?
Sí: Next.js está construido sobre React, así que los componentes, props y estado deberían resultarte familiares primero. Esta sección es la segunda parte de la ruta de React: la sección de Fundamentos anterior cubre exactamente esa base, así que puedes avanzar en orden sin saltos.
¿El curso cubre el App Router?
Sí: la sección gira en torno al App Router moderno: el directorio app, carpetas como rutas, segmentos de ruta dinámicos, layouts anidados y el modelo de componentes de servidor/cliente. Es la arquitectura que usan por defecto los proyectos nuevos de Next.js y lo que esperan las ofertas de trabajo actuales.
¿Cuál es la diferencia entre componentes de servidor y de cliente?
Los componentes de servidor se renderizan en el servidor: pueden obtener datos directamente y envían menos JavaScript al navegador. Los componentes de cliente se ejecutan en el navegador y manejan la interactividad: estado, eventos, efectos. Las apps de Next.js mezclan ambos, y saber cuál usar en cada caso es una de las habilidades clave que esta sección entrena.
¿Puedo aprender Next.js online gratis?
Sí. La sección interactiva de Next.js es gratuita: lecciones completas, desafíos de código reales con feedback instantáneo y pistas de IA. Todo funciona en tu navegador, así que no necesitas instalar Node ni crear un proyecto para empezar.
¿Recibo un certificado al terminar el curso de Next.js?
Sí. Al terminar la sección obtienes un certificado de finalización gratuito que puedes compartir en LinkedIn o añadir a tu currículum, junto con el proyecto completo de Next.js que construyes en los capítulos finales.
