Your cart is empty.
Keep shopping
Next.js y React: Crea Apps con APIs Públicas desde Cero
New
276 students
Next.js y React: Crea Apps con APIs Públicas desde Cero
Aprende Next.js, React y TypeScript creando proyectos reales con Pokémon, The Simpsons y Yu-Gi-Oh! usando APIs REST.
Last updated 9/2026
Spanish
Spanish [Auto],
What you'll learn
- Crear aplicaciones modernas con Next.js, React y TypeScript utilizando App Router.
- Consumir APIs REST públicas con Fetch y mostrar datos reales dentro de una aplicación web.
- Implementar búsquedas, filtros y paginación utilizando diferentes estrategias según cada API.
- Crear rutas dinámicas y vistas de detalle para personajes, Pokémon y cartas de Yu-Gi-Oh!.
- Organizar proyectos con componentes reutilizables, servicios, tipos, configuración y features.
- Utilizar ChatGPT e IA como asistente para generar código, detectar errores y mejorar el desarrollo.
Explore related topics
Course content
13 sections • 22 lectures • 2h 22m total length
Requirements
- Conocimientos básicos de HTML, CSS y JavaScript son recomendables, pero no necesitas ser un experto.
- Tener una computadora con Windows, macOS o Linux y conexión a Internet.
- Tener instalado Node.js y un editor de código como Visual Studio Code.
- No necesitas experiencia previa con Next.js; aprenderemos su estructura y funcionamiento durante el curso.
- No necesitas conocimientos de backend ni bases de datos, ya que trabajaremos directamente con APIs públicas.
- Tener una cuenta de ChatGPT para utilizar Inteligencia Artificial como asistente durante el desarrollo.
Description
Aprende a crear una aplicación moderna con Next.js, React y TypeScript, consumiendo APIs públicas reales y utilizando ChatGPT como asistente durante el desarrollo.
A lo largo del curso construiremos una aplicación completa con tres módulos basados en The Simpsons, Pokémon y Yu-Gi-Oh!, aplicando diferentes estrategias de búsqueda, paginación, consumo de datos y navegación con App Router.
Durante el desarrollo aprenderás a:
Crear proyectos con Next.js, React y TypeScript.
Consumir APIs REST con Fetch.
Trabajar con App Router y rutas dinámicas.
Implementar búsquedas y paginación.
Manejar estados de carga, errores y resultados vacíos.
Organizar componentes, servicios, tipos y features.
Utilizar useState, useEffect y useMemo.
Mejorar la interfaz con Bootstrap, animaciones y estilos modernos.
Generar y verificar el build de producción.
Utilizar ChatGPT e Inteligencia Artificial para analizar requisitos, generar código, detectar errores, refactorizar y acelerar el desarrollo.
Cada API nos permitirá trabajar un escenario diferente. Con The Simpsons API veremos paginación proveniente del servidor; con PokéAPI trabajaremos búsqueda y paginación local sobre los primeros 151 Pokémon; y con YGOPRODeck implementaremos búsquedas remotas, filtros, paginación y consumo de imágenes directamente desde la respuesta JSON.
También aprenderás a estructurar el proyecto de forma ordenada, separando componentes reutilizables, servicios, tipos, configuración y funcionalidades por módulos. Esto te permitirá entender no solo cómo hacer que una aplicación funcione, sino también cómo mantener un código más limpio, escalable y fácil de mantener.
El objetivo no es solo aprender Next.js, sino también descubrir cómo integrar la IA en tu flujo de trabajo como desarrollador, utilizando ChatGPT como apoyo para resolver problemas, mejorar código y avanzar más rápido sin dejar de comprender lo que estás construyendo.
Al finalizar tendrás una aplicación completa, responsive y funcional que podrás utilizar como proyecto de portafolio y como base para futuros desarrollos con APIs.
Who this course is for:
- Principiantes que desean aprender Next.js y React desarrollando una aplicación práctica desde cero.
- Estudiantes de programación que quieren aprender a consumir APIs REST y trabajar con datos reales.
- Desarrolladores frontend que desean mejorar sus conocimientos de Next.js, TypeScript y App Router.
- Programadores que quieren aprender búsquedas, paginación, rutas dinámicas y manejo de estados en React.
- Personas interesadas en utilizar ChatGPT e Inteligencia Artificial como apoyo para desarrollar software.
- Desarrolladores que buscan crear proyectos reales para practicar, mejorar su portafolio y reforzar sus habilidades frontend.