YoVDO

Next.js: El framework de React para producción

Offered By: Udemy

Tags

Next.js Courses Web Development Courses Typescript Courses

Course Description

Overview

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

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:


  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.





Taught by

Fernando Herrera

Related Courses

3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Advanced React
Meta via Coursera
Advanced System Security Topics
University of Colorado System via Coursera
Apply advanced testing for your Django web application
Coursera Project Network via Coursera