Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes:$349
$259
Currency
Antes:$349
Ahorras:$90
COMIENZA AHORA
Curso de Server Side Render con Express

Clases del Curso de Server Side Render con Express

Instruido por:
Carlos Sampol
Carlos Sampol
Avanzado
3 horas de contenido
Ver la ruta de aprendizaje
Configura Express y aplica SSR al proyecto de la Escuela de JavaScript PlatziVideo
Proyecto del curso
Configura Express y aplica SSR al proyecto de la Escuela de JavaScript PlatziVideo

Has trabajado mucho para llegar a este punto, aquí inicia tu formación como desarrollador FullStack JavaScript. Con el proyecto PlatziVideo componentizado e implementado en React vas a crear el servidor y configurar todos los archivos necesarios para que hagas renderizado del frontend desde el servidor.

Curso de Server Side Render con Express

Curso de Server Side Render con Express

Progreso del curso:0/22contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/22contenidos(0%)

Conocimientos necesarios para aplicar SSR

Material Thumbnail

Introducción al curso

01:13 min

Material Thumbnail

Presentación del proyecto del curso y sus herramientas

01:52 min

Material Thumbnail

¿Qué es Server Side Rendering?

04:36 min

Preparando entorno para aplicar SSR

Material Thumbnail

Actualizando dependencias en NPM

05:18 min

Material Thumbnail

Creación del servidor en Express

07:35 min

Material Thumbnail

Usando Nodemon y Dotenv

05:31 min

Material Thumbnail

Integración de Webpack con Express

13:10 min

Integración de Express con React

Material Thumbnail

Servir React con Express

05:25 min

Material Thumbnail

Abstrayendo React Router, creando history y haciendo initialState más accesible

12:01 min

Aplicar Server Side Rendering

Material Thumbnail

Definición de la función principal para realizar el renderizado desde el servidor

11:59 min

Material Thumbnail

Assets require hook

04:15 min

Material Thumbnail

Hydrate y estado de Redux desde Express

09:18 min

Trabaja con entornos de desarrollo y producción

Material Thumbnail

Configurando nuestro servidor para producción

07:02 min

Material Thumbnail

Configurando webpack para producción

11:28 min

Material Thumbnail

Optimización del Build

09:07 min

Material Thumbnail

Aplicar hashes al nombre de nuestros builds

10:40 min

Buenas prácticas de Server Side Render

Material Thumbnail

Vendorfiles en Webpack: definiendo cacheGroups

03:54 min

Material Thumbnail

Vendorfiles en Webpack: generando el vendorfile

07:19 min

Material Thumbnail

Configuración de ESLint

10:45 min

Alternativas al SSR con Express

Material Thumbnail

Cómo implementar Next.js

05:58 min

Material Thumbnail

Cómo usar Gatsby.js

04:02 min

Material Thumbnail

Cuando usar cada una de las herramientas presentadas

02:55 min

nuevosmás votadossin responder
Diego Andres Valderruten Vargas
Diego Andres Valderruten Vargas
Estudiante

hola, al intentar levantar el servidor me genera el siguiente error:

 [email protected] start
> webpack-dev-server --open --mode=development

internal/modules/cjs/loader.js:888
  throw err;
  ^

Error: Cannot find module '../lib/Server'

que debo hacer?

Gracias

1
Santiago Ortiz Ceballos
Santiago Ortiz Ceballos
Estudiante

Hola, no se mucho de front. Sigo la carrera de curso de backend con JS. Será eso un problema?

1
Nilson Diaz
Nilson Diaz
Estudiante

Hola ! Existe alguna alternativa a asset-require-hook sin tener que degradar dependencias ? ya que la unica manera con la que consegui solucionarlo fue siriviendo las imagenes como estaticos con express.static() .

1
gasparnd
gasparnd
Estudiante

PORFAVOR NECESITO SU AYUDA COMUNIDAD
No se si también sucede con el proyecto en el que esta el profe, ya que no lo eh visto reproducir un video.
En mi caso cuando voy a reproducir un video, no solo no me lo reproduce si no que se rompen los estilos, el estado, queda el html solamente.
Necesito ayuda porque no tengo ni idea de que esta pasando, ni como solucionarlo.
Les dejo mi repo ( https://github.com/gasparnd/homevideo/tree/server-side-render )

0
gasparnd
gasparnd
Estudiante

Tengo este error.

ReferenceError: windowis not defined

Probiene de mi header, coloque un menú de hamburguesa y lo cree con un evento

const media = window.matchMedia('(max-width: 720px)')

Como lo puedo solucionar?

0
gasparnd
gasparnd
Estudiante

Yo no entiendo como llega al servidor. Se trabaja todo en el front.
Llegan atrevés del bundle de webpack o como llegan las rutas al server?
No explica los conceptos esta todo muy por arriba. Para que instalamos react-router-config, se uso?

1
Cristian Daniel Jesus Rios
Cristian Daniel Jesus Rios
Estudiante

No entiendo, cuando hace los filename: ‘assets/app.js’, como entiende JS para buscar esos estilos y scripts en esa direccion, si en verdad estan dentro de frontend/styles/etc…etc…

1
Cristian Daniel Jesus Rios
Cristian Daniel Jesus Rios
Estudiante

Buenas, ah que se refiero cuando dice “que todo nuestro sitio web haga un hotModulePlacement” en el minuto 4:10 aprox… gracias

3
Cristian Daniel Jesus Rios
Cristian Daniel Jesus Rios
Estudiante

IMPOSIBLE replicar el repo, alguein pudo?

1
Nicolás Posa
Nicolás Posa
Estudiante

Me salta este error al intentar hacer build, ¿Alguien me puede ayudar?
![](2021-04-29_12h05_04.png

1