Next.js
intermedio
4 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium
Next.js

Taller: Next.js

intermedio
+4 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Next.js

Next.js

Reutiliza tus conocimientos en React.js en proyectos que se renderizan del lado del Servidor

Nivel: intermedio
Fecha de lanzamiento: 23 de mar.
Duración: +4 horas
(Ver temario)
Calificación: 4.8
(Ver 21 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

Next.js es un framework que integra a varios artífices del ecosistema Javascript para poder crear aplicaciones web SPA que se rendericen desde el lado del servidor mejorando el rendimiento y ayudándonos en el SEO de nuestros proyectos basados en React.

¿Qué aprenderás en este curso?

  • Server Side Rendering
  • Consumir APIs del lado del servidor
  • SEO con Next.js
  • Despliegue del proyecto

¿Qué conocimientos previos necesitas?

  • React.js desde cero
  • JavaScript desde cero
  • Conceptos básicos de Node.js
Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Temario del curso

Server Side Rendering

Aprende los conceptos básicos del renderizado de elementos del lado del servidor

  • Presentación del curso

  • React del lado del Cliente

  • JavaScript del lado del Servidor

  • Renderizado estatico con Node.js

  • Mi primer proyecto con Next.js

  • Routing sencillo con Next

Estructura de Next.js

Conoceremos Next.js y sus cualidades más importantes

  • JSONPlaceholder

  • Iniciando el proyecto

  • Variables de entorno

  • Componentes comunes

  • Componentes App

  • Componente document

Data Fetching

Next.js es un framework que (entre otras cosas) ya nos trae un Router integrado

  • Versionamiento del código

  • Data Fetching

  • Get static props

  • Get initial props

  • Css y Sass

  • EDgrid y la librería de estilos

  • Manejo de archivos estaticos

SEO

La optimización para motores de búsqueda es una de las ventajas de SSR

  • Custom 404

  • Usando referencias en Next

  • Peticiones del lado del cliente

  • Librería Next Seo

  • Mi primer Build

Deployment

El proceso de subir un proyecto a Next.js es más fácil gracias a Zeit

  • Conociendo Zeit now

  • Subiendo a producción

  • Revisando el proyecto

  • Deployment desde GitHub

Avatar

Prof. Beto Quiroga

@betoquirogaVer perfil

Apasionado por la tecnología. Comencé a programar en Java pero luego las comunidades de desarrollo hicieron que me encantara trabajar con Drupal por más de 4 años dando charlas y conferencias en varias ciudades y 3 paises. Me gusta JavaScript y el ecosistema React. Actualmente me dedico 100% a EDteam como lider de frontend y director de operaciones

Empieza a aprender Next.js

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+143 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+143 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$30USD

$360 240 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

21 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...