Pre-renderizando el contenido: Static Generation

Qué buen curso hasta el momento 👏. Me ha encantado esta sección de JavaScript sobre todo la explicación del code splitting, SSR, y prerendering. Creo que explicas muy bien y me gustaría que hicieras un curso más a fondo con esos temas! 😍🚀

🏛️ Pre-renderizando el contenido: Static Generation

Static Site Generators - Top Open Source SSGs | Jamstack

• Actualmente en el server side rendering on demand, Cada vez que nuestro usuario haga un request, el servidor traerá la información de la API
  • Si se conectan dos usuarios, se harán dos request a las Apis que estamos utilizando
• Esto depende del proyecto, existen proyectos los cuales no es tan necesario que cada vez en un intervalo corto de tiempo el servidor tenga que ir hasta la API, porque es probable que la información sea exactamente la misma
• En estos casos podemos usar Static Site Generation
• Consiste en hacer que en el tiempo de construcción del proyecto traiga todo el contenido y que genere una respuesta para enviar a todas las conexiones

RESUMEN: Static Site Generation nos renderiza y busca los datos una sola vez, pero nos da la ventaja de tener todo listo, pero solo se debe usar cuando los datos no cambien en tiempo real

JAMStack

J -> Javascript = interacción del sitio web
A -> Api’s = interfaz de aplicaciones para consultar información que ya es abstraida y ha realizado un proceso en un servidor
M -> Markup = plantilla construida en tiempo de compilación

Encontré este recurso que podría añadir un mejor entendimiento de SSR y SSG

Buenísima explicación.

Me basé en esta url para traspasar los cambios a mis avances:
https://github.com/jonalvarezz/platzi-optimizacion-web/compare/5-with-ssr...7-with-ssg

Luego
npm run build
npm run serve

Fui a localhost:5000 y funcionó impeque

Static Site Generation

• Se trata de pre-renderizar el contenido
• Ensenia al servido que en el tiempo de construccion del proyecto, traiga todo el contenido de la API’s de una vez, lo guarda y esa unica respuesta generada se la envia a todas las conexiones
• Lo podemos subir a cualquier servidor en Internet
• No aplica para metricas y datos que se necesitan visualizar en tiempo real

Segun veo pre-renderizas el contenido, y esta bien. Pero cuando payload de la respuesta de la API cambia, como haces para actualizar el contenido para mostrar el nuevo contenido?

Cada vez que un usuario se conecta, hace una petición al servidor, esa petición va a traer la información de la API.

Server Side Rendering on Demand: Cada vez que hay una nueva conexión vamos a ir a las API a traer información.

👌