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,
Iniciar sesión
Configurando Webpack para compilar TypeScript
7/17Recursos
Aportes 4
Preguntas 0
Ordenar por:
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"
},
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.
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.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.