Your cart is empty.
Keep shoppingNext.js y NestJS: Crea un CRUD Full Stack con JWT
New
7 students
Next.js y NestJS: Crea un CRUD Full Stack con JWT
Construye una aplicación profesional con React, TypeScript, Bootstrap, autenticación JWT, rutas protegidas y CRUD
Last updated 7/2026
Spanish
Spanish [Auto],
What you'll learn
- Crear un frontend profesional con Next.js, React, TypeScript y Bootstrap utilizando App Router.
- Consumir una API REST desarrollada con NestJS mediante servicios y un cliente HTTP centralizado.
- Implementar registro, inicio y cierre de sesión con autenticación JWT y rutas protegidas.
- Desarrollar un CRUD completo de productos: listar, consultar, crear, editar y eliminar.
- Validar formularios y manejar errores HTTP 400, 401, 404, 409 y 500 de manera clara.
- Organizar el proyecto con arquitectura modular, componentes reutilizables, tipos y utilidades.
- Utilizar ChatGPT como asistente de desarrollo para planificar, depurar, documentar y mejorar el código.
Explore related topics
Course content
21 sections • 44 lectures • 4h 55m total length
Requirements
- Tener conocimientos básicos de programación, preferiblemente en JavaScript o TypeScript.
- Conocer los fundamentos de HTML y CSS para comprender la estructura y el diseño de las vistas.
- Tener instalado Node.js, npm y un editor de código como Visual Studio Code.
- Contar con el backend en NestJS disponible y funcionando para consumir sus endpoints.
- No es necesario dominar Next.js ni ChatGPT; aprenderás a utilizarlos durante el desarrollo.
Description
Aprende a construir una aplicación web completa con Next.js, React, TypeScript y Bootstrap, conectada a una API REST desarrollada con NestJS. Durante el curso crearás un CRUD profesional de productos desde cero, aplicando una arquitectura modular, componentes reutilizables, servicios centralizados y buenas prácticas para consumir endpoints reales.
A lo largo del desarrollo tendrás a ChatGPT como asistente de programación, utilizándolo para planificar cada fase, comprender errores, mejorar la estructura del proyecto, generar soluciones, revisar código y acelerar tareas repetitivas. El objetivo no será copiar código sin entenderlo, sino aprender a utilizar la inteligencia artificial como una herramienta de apoyo dentro de un flujo de desarrollo profesional.
Implementarás un sistema de autenticación con JWT, registro de usuarios, inicio y cierre de sesión, almacenamiento controlado del token, rutas protegidas y manejo global de errores. Además, desarrollarás todas las operaciones necesarias para administrar productos: listar, consultar, crear, editar y eliminar, incorporando formularios con validaciones, estados de carga, mensajes de éxito, confirmaciones visuales y control de respuestas HTTP como 400, 401, 404, 409 y 500.
El proyecto se construirá de manera progresiva y organizada utilizando Next.js App Router, variables de entorno, un cliente HTTP centralizado con fetch, almacenamiento de sesión, tipado estricto con TypeScript y una interfaz responsive con Bootstrap. También aprenderás a separar páginas, componentes, servicios, tipos y utilidades para crear aplicaciones más limpias, escalables y fáciles de mantener.
Al finalizar, tendrás un proyecto Full Stack funcional en el que el frontend desarrollado con Next.js consumirá una API real de NestJS con autenticación JWT y un CRUD completo de productos. Además, sabrás cómo incorporar ChatGPT a tu proceso de trabajo para analizar problemas, documentar decisiones, detectar errores y avanzar de manera más eficiente sin dejar de comprender la lógica del proyecto.
Este curso es ideal para desarrolladores que desean aprender React y Next.js mediante un proyecto práctico, fortalecer su integración con APIs REST y descubrir cómo trabajar con ChatGPT como asistente de desarrollo en aplicaciones modernas.
Who this course is for:
- Desarrolladores principiantes que desean aprender React y Next.js mediante un proyecto práctico.
- Estudiantes de programación interesados en crear aplicaciones frontend conectadas a APIs REST.
- Desarrolladores de JavaScript o TypeScript que quieren aprender Next.js con App Router.
- Programadores backend que desean aprender a construir un frontend para consumir una API NestJS.
- Desarrolladores que quieren implementar autenticación JWT, rutas protegidas y manejo de sesiones.
- Personas interesadas en crear un CRUD completo con arquitectura modular y Bootstrap.
- Estudiantes que desean utilizar ChatGPT como asistente para programar, depurar y mejorar proyectos.