Comandos npm:
npm install --save-dev webpack-node-externals
Este comando instalará la última versión de “webpack-node-externals” y lo agregará como una dependencia de desarrollo en su proyecto
npm run build-server
Fundamentos de SSR
¿Por qué necesito aprender sobre SSR?
El problema de las Single Page Applications
Poniendo a prueba las Single Page Applications
¿Qué es el Server Side Render?
Ventajas y desventajas del Server Side Render
Crea tu primer app con SSR
Tu nuevo proyecto: Helix Eye
Configurando Webpack para compilar TypeScript
Tu primer servidor con Express.js y TypeScript
Creando un template con HTML
Renderizando React desde el servidor
Hidratando la aplicación y separando el bundle del cliente
Initial Props y Consultas a la API desde el servidor
Consumiendo las Initial Props desde el cliente
Manejo de estilos desde el servidor
Bonus
Hot Module Replacement
Platzi Engine vs. Next.js
¿Quieres un Curso Avanzado de Server Side Render?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Configurando Webpack para compilar TypeScript
7/17Recursos
Aportes 9
Preguntas 1
Ordenar por:
Si entran en panico como yo, resulta que la nueva rama tien todo escrito tal cual como queda al final de la clase y uno solo debe mirar.
Estonces es mejor tomar nota y repetir el mantra …confia en el proceso!!!
Configurando Webpack para compilar TypeScript
- Hacer un commit y un push y luego,
- git pull origin client-side-render
- git checkout webpack-config-server
- yarn add webpack-node-externals -D
Este comando instalará la última versión de “webpack-node-externals” y lo agregará como una dependencia de desarrollo en su proyecto
- npm run build-server
- yarn add -D nodemon
- Si usas Windows 10 y te sale un error instala globalmente esta linea de abajo
npm install -g win-node-env
package.json:
"scripts": {
"build-server": "webpack --config webpack.config.server.js",
"build-dev": "NODE_ENV=development npm runbuild-server && node --inspect dist/index.js",
"dev": "nodemon --ext ts --exec \"npm run build-dev\" --inspect dist/index.js"
},
- Y eso seria todo.
Mi terminal mostraba problemas al momento de ejecutar npm run dev. Lo arregle de la siguiente manera en mi package.json:
"scripts": {
"build-server": "webpack --config webpack.config.server.js",
"build-dev": "NODE_ENV=development npm run build-server && node --inspect dist/index.js",
"dev": "nodemon --ext ts --exec \"npm run build-dev\" --inspect dist/index.js"
},
Usé la rama main que no tiene nada hecho al parecer y pude seguir esta clase al pie de la letra. Para quién le sirva.
Empezar el proyecto con tantos conflictos del package (suele pasar en proyectos reales) pero hay un desorden en los commits, en lo que se muestra y lo que se hace, no creo continuar con el curso hasta que le haga una mejora al curso o se rehaga. :/
Webpack node modules externals
Cuando se empaqueta con Webpack para el backend, generalmente no desea empaquetar sus dependencias de node_modules. Esta biblioteca crea una función externa que ignora node_modules cuando se empaqueta en Webpack.
la verdad q inicio de mierda de curso complicando con configuraciones y lpmqlp…
Ahora si quede super perdido, el profesor tiene otro package.json y todos los comentarios de los alumnos muestran un package.json igual al que tengo yo, pero start no sale por ningun lado!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?