Description
What you’ll learn
-
Aprenderas Next-js desde cero
-
Comprender cómo trabajar con Next + TypeScript
-
Diferentes técnicas de renderizado: SSR, SSG, CSR, ISR
-
Next Middlewares para APIs y Páginas
-
Rutas dinámicas y estáticas
-
Next Auth
-
Material UI
-
Introducción a Next UI
-
Cookies
-
Pagos con PayPal y Tarjetas de crédito
-
Despliegues en varias plataformas
Next.js: El framework de React para producción (Versión de Next.js 13+, 14+)
Next.js te brinda una excelente experiencia de desarrollo con todas las funciones que necesita para la producción: renderizado híbrido estático y de servidor, compatibilidad con TypeScript, agrupación inteligente, precarga de rutas y más.
Este curso está enfocado para las personas con conocimiento básico de React que desean aprender Next.js de forma completa e ir más allá.
Estos son algunos de los temas que aquí veremos:
-
Next.js desde cero
-
TypeScript + React + Next.js
-
Migración de proyectos de Next.js de JavaScript a TypeScript
-
Diferentes estrategias de renderizado
-
Rutas dinámicas y segmentos
-
Next.js restful API
-
Autenticación personalizada
-
Despliegues en varias plataformas
-
Generación de imagen de docker optimizada
-
Autenticación personalizada con JWT
-
MongoDB
-
PostgreSQL
-
NextAuth
-
Proveedores de autenticación
-
Drag&Drop en React
-
CRUD
-
Zustand
-
Material UI y Next UI
-
Re-despliegues automáticos
-
Pagos con PayPal y Tarjeta de crédito
-
Diseño responsivo
-
Sitio de venta de artículos con:
-
Búsquedas
-
Cookies
-
ISR + SSR + SSG + CSR según la necesidad para optimizar tiempos de respuesta
-
Manejo de usuarios
-
Dashboard administrativo
-
Carga de imágenes
-
Validación de pagos
-
-
React Hook Form
-
Cookies
-
Middlewares de Next.js (Nuevo en Next.js 12)
-
Para autenticación
-
Protección de rutas
-
Redirecciones
-
Respuestas
-
Tanto para APIs como para solicitudes de páginas
-
-
Y mucho más
Este curso tiene por objetivo enseñarte Next.js de forma completa con muchas tareas y ejercicios. El curso es en 95% TypeScript, pero cuenta con las referencias propias para reforzar esta parte que es opcional, el curso se puede hacer en JavaScript pero recomiendo que le den la oportunidad a TypeScript.
Se crean varios ejercicios dentro de este curso:
-
Introducción a Next: Ejercicio pequeño para el manejo de generalidades de Next,js
-
PokemonApp: Aplicación pequeña para el manejo de ISR y SSG
-
OpenJira: Aplicación intermedia para el manejo de tareas y SSR
-
CookieMaster: Aplicación pequeña para aprender sobre el manejo de Cookies
-
TesloShop: Aplicación completa y bastante grande para el manejo y venta de productos
Al final del curso no solo aprenderás Next.js, si no que también habrás desarrollado una tienda electrónica con cobros, mantenimientos, carga, optimizaciones para SEO, desplegarla y tenerla en tu portafolio de proyectos.
Es un curso enorme totalmente enfocado en Next.js para prepararte mejor como desarrollador de React.
Who this course is for:
- Programadores de React
- Programadores que quieran realizar renderizado del lado del servidor
- Personas que quieran crear su propia tienda virtual
- Personas que quieran implementar características nuevas de Next en sus aplicaciones
Course content
- Introducción5 lectures • 20min
- Introducción
- Introducción a Next.js18 lectures • 1hr 50min
- Introducción a Next.js
- Despliegues a Vercel y Docker Images9 lectures • 45min
- Despliegues a Vercel y Docker Images
- Server Side + Cliente Side Rendering13 lectures • 1hr 1min
- Server Side + Cliente Side Rendering
- Generación dinámica – SSR18 lectures • 1hr 36min
- Generación dinámica – SSR
- Incremental & Static Generation10 lectures • 35min
- Incremental & Static Generation
- Global State – Redux y LocalStorage15 lectures • 1hr 19min
- Global State – Redux y LocalStorage
- Estado Global – Favoritos13 lectures • 1hr 7min
- Estado Global – Favoritos
- Next API Routes – RESTful Api Handlers17 lectures • 1hr 37min
- Next API Routes – RESTful Api Handlers
- Next + RestAPI – AdminTodos17 lectures • 1hr 37min
- Next + RestAPI – AdminTodos
Reviews
There are no reviews yet.