SSR, SSG, CSR, ISR, Middlewares, Rutas dinámicas, Next API, Next Auth, Material UI, despliegues, Cookies y más.

Published en 04 Jul 2024

Descripción

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:

1. Next.js desde cero

2. TypeScript + React + Next.js

3. Migración de proyectos de Next.js de JavaScript a TypeScript

4. Diferentes estrategias de renderizado

5. Rutas dinámicas y segmentos

6. Next.js restful API

7. Autenticación personalizada

8. Despliegues en varias plataformas

9. Generación de imagen de docker optimizada

10. Autenticación personalizada con JWT

11. MongoDB

12. PostgreSQL

13. NextAuth

14. Proveedores de autenticación

15. Drag&Drop en React

16. CRUD

17. Zustand

18. Material UI y Next UI

19. Re-despliegues automáticos

20. Pagos con PayPal y Tarjeta de crédito

21. Diseño responsivo

22. Sitio de venta de artículos con:

    1. Búsquedas

    2. Cookies

    3. ISR + SSR + SSG + CSR según la necesidad para optimizar tiempos de respuesta

    4. Manejo de usuarios

    5. Dashboard administrativo

    6. Carga de imágenes

    7. Validación de pagos

23. React Hook Form

24. Cookies

25. Middlewares de Next.js (Nuevo en Next.js 12)

    1. Para autenticación

    2. Protección de rutas

    3. Redirecciones

    4. Respuestas

    5. Tanto para APIs como para solicitudes de páginas

26. 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:

1. Introducción a Next: Ejercicio pequeño para el manejo de generalidades de Next,js

2. PokemonApp: Aplicación pequeña para el manejo de ISR y SSG

3. OpenJira: Aplicación intermedia para el manejo de tareas y SSR

4. CookieMaster: Aplicación pequeña para aprender sobre el manejo de Cookies

5. 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.