Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

React JS y Next.js Curso Desarrollo FullStack con TypeScript

via Udemy

Overview

Aprende a Crear Aplicaciones Web Modernas con React JS, Next.js y TypeScript: SPA, SSR, SSG, login, autenticación, Hooks

What you'll learn:
  • Construir aplicaciones web modernas con React y sus últimos estándares.
  • Utilizar Hooks personalizados y manejar estado con Context API y Redux Toolkit.
  • Crear rutas protegidas con autenticación usando Firebase Auth.
  • Conectar proyectos con bases de datos en tiempo real con Firebase Firestore.
  • Usar formularios controlados con Formik y validar datos con Yup.
  • Desarrollar interfaces profesionales con Tailwind CSS y Material UI.
  • Implementar proyectos en Next.js con App Router y renderizado híbrido (SSR y SSG).
  • Integrar contenido dinámico desde CMS como Strapi y archivos Markdown.
  • Desplegar aplicaciones web en servidores reales y optimizarlas para SEO.
  • Ducks: Utiliza la metodología de "Pato" en Redux
  • Comprender la arquitectura de una aplicación completa desde frontend hasta backend.
  • Aprender a crear aplicaciones web Full Stack con React y Next.js utilizando TypeScript

¡Domina React.js y Next.js en 2025!
Bienvenido al curso actualizado de React.js y Next.js, dos de las tecnologías más demandadas en el desarrollo web moderno. Aprenderás desde los fundamentos hasta construir aplicaciones completas con:

  • Hooks personalizados

  • Redux y Context API

  • Autenticación con rutas protegidas

  • Integración con Firebase (base de datos, autenticación, almacenamiento)

  • Despliegue de proyectos en servidores web reales

Además, en esta nueva versión del curso, incorporamos Next.js, con sus últimas funcionalidades y mejores prácticas para crear aplicaciones web más rápidas, escalables y optimizadas para SEO.

¿Qué lograrás al final del curso?

  • Crear aplicaciones SPA, SSR o estáticas totalmente funcionales.

  • Diseñar rutas protegidas con autenticación.

  • Trabajar con bases de datos en tiempo real.

  • Publicar tus proyectos en línea como un profesional.

No importa si estás comenzando o ya tienes experiencia: este curso está diseñado para llevarte paso a paso hacia un nivel profesional.


Actualización 2025:

  • Regrabación completa: React con TypeScript

  • Novedades React versión 19

  • React Router V.7 - Framework

Actualización 2024:

  • NEXT: versión 14 app router

  • NEXT: Fundamentos

  • NEXT: app router

  • NEXT: SSG + Markdown

  • NEXT: SSR + Strapi IO

Actualización 2023:

  • React + Typescript

  • React Router v6.4

  • Firebase Auth (email y contraseña) + Router v6.4

  • Formik (Login & Register)

  • Yup validaciones de formularios con Formik

Actualización 2022:

  • Fundamentos con Vite

  • Formularios controlados y no controlados

  • Todo App con Tailwind CSS + Vite

  • Firebase 9 + Vite + Tailwind CSS

Actualización 2020:

  • Redux: Fundamentos y primeros pasos con Ducks

  • Redux: Creación de proyecto Pokemon API + LocalStorage

  • Login con cuentas de Google

  • Rutas protegidas con LocalStorage & Firebase Auth

  • Imágenes en Firebase utilizando Storage

  • Material UI (en construcción)

  • Context API utilizando Hooks

  • Chat con Firestore y Context API

  • Roles con Firebase Functions ( Custom claim )

Nos vemos en clases!

Syllabus

  • Fundamentos de React con TypeScript
  • Formularios en React + TypeScript
  • Hook: useEffect en React + TypeScript
  • Práctica React + TypeScript: ¿Quién es ese Pokémon?
  • Context API en React + TypeScript
  • React Router v.7 - Declarative Mode + TypeScript
  • Práctica: Chat (Login, register, rutas protegidas, Tailwind, Zod, Firebase, TS)
  • Next.js (app Router) - Introducción al Renderizado
  • Next.js (app Router) - Definiendo Rutas, Page y Layout
  • Next.js (app Router) - SSG: Static Site Generation (Blog + MDX)
  • Next.js + Strapi.io CMS: Backend
  • Next.js + Strapi.io CMS: Frontend
  • Carrito de compras con Next.js (app Router) + Strapi.io CMS
  • Next.js (app Router): Server Actions + Prisma + MongoDB + Zod + Clerk
  • Next Auth v5 + Prisma + Postgres: Login, Roles de usuario, verificación de email
  • Zustand - ¿El reemplazo de Redux y Context API?
  • React versión 19: Actualizaciones y Novedades
  • React 19 + React Router Version 7 - Modo Framework
  • Taller: React Router V.7 + Supabase Auth + Rutas protegidas
  • [curso 2023] Fundamentos de Javascript (sección opcional)
  • [curso 2023] React + Vite - Fundamentos
  • [curso 2023] Formularios en React + Vite
  • [curso 2023] Práctica Formularios
  • [curso 2023] Práctica Todo App: Vite + TailwindCSS + FrontendMentor
  • [curso 2023] Dark Mode + Tailwind CSS + LocalStorage
  • [curso 2023] Bonus: Drag and Drop
  • [curso 2023] useEffect - useCallback - useFetch
  • [curso 2023] React Router versión 6.0
  • [curso 2023] React Router versión 6.4
  • [curso 2023] Context API + React Router versión 6.4
  • [curso 2023] Auth Firebase 9 + React Router 6.4
  • [curso 2023] Formik & Yup
  • [curso 2023] Material UI (versión 5) & Formik
  • [curso 2023] BONUS: Firebase 9 + Router 6.0 + TailwindCSS + Vite
  • [curso 2020] REDUX - Fundamentos y primeros pasos
  • [curso 2020] REDUX + AUTH GOOGLE
  • [curso 2020] REDUX + STORAGE (Manejo de imágenes) + FIRESTORE
  • [curso 2020] CHAT + CONTEXT API ( Bases de datos en tiempo real )
  • [curso 2020] Functions Firebase (desde 2021 se requiere tarjeta)
  • ¿Dónde seguir aprendiendo?

Taught by

Ignacio bluuweb

Reviews

4.7 rating at Udemy based on 2844 ratings

Start your review of React JS y Next.js Curso Desarrollo FullStack con TypeScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.