Entonces, ¿Nos ahorramos todo lo que hicimos en el curso con tal solo esto? ._.XD
Conocimientos necesarios para aplicar SSR
Lo que aprenderás sobre server side render
Presentación del proyecto del curso y sus herramientas
¿Qué es Server Side Rendering?
Preparando entorno para aplicar SSR
Actualizando dependencias en NPM
Creación del servidor en Express
Usando Nodemon y Dotenv
Integración de Webpack con Express
Integración de Express con React
Servir React con Express
Abstrayendo React Router, creando history y haciendo initialState más accesible
Aplicar Server Side Rendering
Definición de la función principal para realizar el renderizado desde el servidor
Assets require hook
Hydrate y estado de Redux desde Express
Trabaja con entornos de desarrollo y producción
Configurando nuestro servidor para producción
Configurando webpack para producción
Optimización del Build
Aplicar hashes al nombre de nuestros builds
Buenas prácticas de Server Side Render
Vendorfiles en Webpack: definiendo cacheGroups
Vendorfiles en Webpack: generando el vendorfile
Configuración de ESLint
Alternativas al SSR con Express
Cómo implementar Next.js
Cómo usar Gatsby.js
Cuando usar cada una de las herramientas presentadas
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 12
Preguntas 3
Entonces, ¿Nos ahorramos todo lo que hicimos en el curso con tal solo esto? ._.XD
Hola Devs:
Aqui les traigo un articulo que explica y habla muy bien se NextJS, pueden darle una mirada y aprender mucho mas de esta pontencial herramienta: Click Aqui
Solo aclaro bendito sea el que hizo next, quiero su level ❤️
A mi mente solo vinieron dos cosas, que tengo que tomar el curso de NextJS y me quede un rato con la cara de sad Harold después de todas las configuraciones que hicimos
Pues con un vistazo se ve increíble todo lo que se podría hacer con Next.js. Todo lo que hemos aprendido de Server Side Render lo podemos resumir con Next. Genial
se ve el potencial de Next.JS
No entendí, con Next js se hace la configuración de las clases anteriores? Como un framework?
Les agradezco la explicación
creamos el path de nextjs
ejecutamos npm init para crear el package json
instalamos dependencias
npm i react react-dom next
agregamos los comandos
{
"name": "nextjs",
"version": "1.0.0",
"description": "Next js en clase",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "next",
"build": "next build",
"start": "next start"
},
"author": "",
"license": "ISC",
"dependencies": {
"next": "^9.2.1",
"react": "^16.12.0",
"react-dom": "^16.12.0"
}
}
creamos el path de pages y agregamos index.js
import React from 'react';
const Landing = () => {
return (
<div>
Hola Next Js
</div>
);
};
export default Landing;
corremos el comando:
npm run next
✌
¡🤯!
.
Para cuando la actualización del curso de Next.js, se ve increíble esta herramienta
Gracias.
Bueno, al menos terminamos el curso y se sabe que hay una herramientas mas al nivel “no tan pro”
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.