Sitios estáticos y Jamstack

A darle duro a este curso, lo estaba esperando con ansias, Jonathan Alvarez es excelente profesor.

Documentacion de Next JS
https://nextjs.org/
¿Que es JAMstack?
https://jamstack.wtf/

¡Vamooos a darleeee!

Next.js: le ofrece la mejor experiencia de desarrollador con todas las funciones que necesita para la producción: renderizado híbrido estático y de servidor, compatibilidad con TypeScript, agrupación inteligente, búsqueda previa de rutas y más. No se necesita configuración.
https://nextjs.org/
Jamstack: Una arquitectura de desarrollo web moderna basada en JavaScript del lado del cliente, API reutilizables y marcado predefinido.

En sí es una arquitectura que pone como eje central al navegador, la aplicación ya estaría conectada a CDNs, Microservicios lo que mejora la velocidad de la app.

En una arquitectura Jamstack no vemos ningún servidor, ya que en diferencia con las arquitecturas de la web tradicional que necesitamos uno para conectarnos a la DB, CMS o cualquier fuente de información.

En general hay dos formas de renderizar un WEB, en el navegador Cliente (Arquiectura Jamstack) o en el servidor.

https://jamstack.wtf/#what-is-jamstack

Genial, por fin una seguidilla de cursos de Next.js 😎.

– – – – – – – – – – – – – – – – – – – – – – – – – – – –

• Aquí pueden encontrar un ebook gratuito del 2019, para profundizar en Jamstack 👇

  .
  https://www.netlify.com/oreilly-jamstack/
  .

• Aquí una explicación breve sobre Jamstack 👇
  .
  https://jamstack.org/what-is-jamstack/
  .

Un curso nuevo con Jonathan Alvarez, NICE! De sitios estáticos, AWESOME! Bien dice Yosef a DARLE… Emoción al 200%

Porfin llego lo estuve esperando!

🖇 Sitios estáticos y Jamstack

Ideas/conceptos claves

Jamstack es una arquitectura diseñada para hacer que la web sea más rápida, más segura y más fácil de escalar. Se basa en muchas de las herramientas y flujos de trabajo que adoran los desarrolladores y que brindan la máxima productividad.
Los principios básicos de pre-rendering y el Decoupling permiten que los sitios y las aplicaciones se entreguen con mayor confianza y resistencia que nunca.

Pre-rendering Generar el marcado que representa una vista antes de cuando se requiera. Esto ocurre durante una compilación en lugar de bajo demanda, por lo que los servidores web no necesitan realizar esta actividad para cada solicitud recibida.

Decoupling es el proceso de crear una separación limpia entre sistemas o servicios. Al desacoplar los servicios necesarios para operar un sitio, cada componente puede ser más fácil de razonar, puede intercambiarse o actualizarse de forma independiente y puede designarse como el ámbito de especialistas dedicados, ya sea dentro de una organización o como un tercero

Recursos

For fast and secure sites | Jamstack

¿Qué es JamStack?

Apuntes

• Jamstack ⇒ es una arquitectura que consta principalmente y como actor principal al navegador
  • La aplicación en sí consta de CDN y microservicios
  • Pero para esta arquitectura no se necesita un servidor para conectarnos a las fuentes de información a comparación de un website tradicional

En general, solo hay dos formas* de renderizar una página web: en el navegador (cliente) o en el servidor

• Next.js nos provee diferentes modos de rendering para poder realizar nuestros productos digitales

Arquitectura Jamstack

1. Datos
   • Internet
   • Base de datos
   • Archivos locales
2. Generador estatico
   • Encargado de tomar los datos para crear HTML y CSS
3. HTML/CSS

📌 RESUMEN: Jamstack es una arquitectura la cual entre sus principales características esta que el contenido se pre-renderiza lo cual hace que no sea necesario tener un servidor en sí para conectarnos a fuentes de información a diferencia de una aplicación web tradicional.

</aside>

Uff tiempo esperando estos cursos de NEXT.JS