Jamstack la arquitectura estándar para la web, definición y conceptos básicos
Resúmen:
Jamstack la arquitectura estándar para la web, fue diseñada con el objetivo de hacer que los sitios web sean más rápidos, más seguros y más fáciles de escalar. Jamstak parte del término JAMstak, JavaScript, APIs, Markup y stack (varias tecnologías), pero con mayor flexibilidad, permitiendo escoger uno o varios de estos elementos para dar origen a un sitio web más optimizado.
Índice
1. Introducción
Jamstack la nueva arquitectura estándar para la web, que utiliza flujos de trabajo de Git y herramientas de compilación modernas, donde el contenido prerenderizado se envía a una CDN (Content Delivery Network o Red de distribución de contenidos, en español) que se dinamiza a través de un API y funciones sin servidor, permitiendo que un sitio web sea más rápido, seguro y fácil de escalar [1]. El stack tecnológico de Jamstack incluye: Frameworks JavaScript, Generadores de Sitios Estáticos, Headless CMS y CDNs [1].
2. Jamstack
Como se define en la página web oficial, Jamstack es la arquitectura web diseñada para desarrollar webs más rápidas, seguras y fácil de escalars, que se basa en muchas de las herramientas y flujos de trabajo que adoran los desarrolladores, brindando la máxima productividad [1].
Jamstack is an architecture designed to make the web faster, more secure, and easier to scale. It builds on many of the tools and workflows which developers love, and which bring maximum productivity. Definición, Jamstack.org
Jamstack fue ideado por Matt Biilmann (CEO y Cofundador de Netlify) y Chris Bach (President y Cofundador de Netlify), para referirse al enfoque arquitectónico de una web estática de forma fácil, breve y claramente expresada.
The name "Jamstack" came about because as Matt Biilmann and Chris Bach were creating modern web development workflows and capabilities at Netlify, they found there was no easy way to refer to the architectural approach in conversation. Jamstack embraces many existing fundamentals of web architectures, and so they created the term Jamstack to help us talk about it more succinctly. Origen, Jamstack.org
Su nombre parte del término JAMstak, JavaScript, APIs, Markup y stack (varias tecnologías) y se diferencia de este término debido a que no se impone el uso estricto de los 3 elementos al adoptar este modelo arquitectónico [2]. Y a diferencia de las Webs tradicionales el stack tecnológico de Jamstack incluye Frameworks JavaScript, Generadores de Sitios Estáticos, Headless CMS y CDNs [1].
3. Beneficios
La arquitectura Jamstack brindar una gran variedad de beneficios a los sitios web y flujos de trabajo del proyecto. Como se puede apreciar en [1]. Entre los beneficios clave se tienen:
-
Seguridad
Jamstack elimina múltiples partes móviles y sistemas pertenecientes a la infraestructura de hosting, lo que da como resultado menos servidores y sistemas que deben ser protegidos contra ataques. -
Escalabilidad
Jamstack proporciona sitios web que se pueden almacenar en caché en una red de entrega de contenido como Netlify, con implementaciones más simples, redundancia integrada y una increíble capacidad de carga. -
Rendimiento
Los sitios web de Jamstack eliminan la necesidad de generar vistas de página en un servidor al momento de la solicitud, esto debido a que las páginas se generan con anticipación durante una compilación y se encuentran disponibles en una CDN cerca del usuario y listas para servir, ofreciendo un rendimiento muy alto sin introducir una infraestructura costosa o compleja. -
Mantenibilidad
Al reducir la complejidad del alojamiento, se reducen las tareas de mantenimiento, por lo que un sitio pregenerado, que se sirve directamente desde un host simple o directamente desde un CDN, no necesita un equipo de expertos para mantenerla operativa. -
Portabilidad
Los sitios web de Jamstack al estar pregenerados, facilitan el alojamiento de estas en una amplia variedad de servicios de hosting y tener una mayor capacidad para moverlos al servicio de hosting preferido. -
Experiencia del desarrollador
Los sitios web Jamstack pueden ser construidos con una amplia variedad de herramientas, ya que no dependen de tecnologías propietarias o frameworks poco conocidos, se basan en herramientas y convenciones ampliamente disponibles.
4. Tecnologías Jamstack
Entre las tecnologías Jamstak más utilizadas según la página web oficial, se tienen:
- Generadores de Sitios Web: Sistemas que facilitan la construcción y generación de sitios web, con los componentes básicos: HTML, CSS y Javascript.
- Headless CMS: Sistemas de gestión de contenido que solo proporciona un backend construido como un repositorio de contenido.
| Generadores de sitios | Headless CMS |
|---|---|
5. Conclusión
En base a esto, podemos concluir que en el futuro Jamstak se convertirá en una de las arquitecturas estándar más populares para la creación de sitios web, no solo por sus beneficios, como son: webs más rápidas, más segura y más fácil de escalar, si no por su flexibilidad a la hora de crear un nuevo proyecto, debido a que se pueden utilizar herramientas y flujos de trabajo que los desarrolladores conocen y manejan, brindando la máxima productividad en su trabajo.
De igual manera, la conclusión a las que llega Jamstack.org, es que esta arquitectura está llegando a todas las industrias y está siendo acogida cada vez más por los desarrolladores. Llegando a tener una comunidad próspera que está creciendo rápidamente a medida que continúa la adopción de la misma, esto debido a que es la nueva forma de crear aplicaciones y sitios web con una escalabilidad fantástica, alto rendimiento, flujos de trabajo y herramientas que los desarrolladores adoran [1].
In other words, the Jamstack is touching all industries. We’ve gone mainstream as more developers learn about Jamstack. It’s the new way to build applications and websites, and it’s where the industry is going. Even more, it’s a thriving community that is growing fast as a wave of mainstream adoption continues, driven by fantastic scaling, high performance, and workflows and tooling that developers love.. Conclusión, Jamstack.org
6. Autor
Ing. Jonathan Paul Caiza LL., Desarrollador de Software
7. Referencias
[1] jamstack.org, “Jamstack”, 11 de Marzo del 2012, jamstack.org (accedido Junio 21, 2022).
[2] Philhawksworth, “Discussion: jamstack word treatment”, 11 de Marzo del 2012, enlace-discussion (accedido Junio 21, 2022).