Next.js y React: Crea Apps con APIs Públicas desde Cero

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.