¿Qué es Jamstack?

¿Qué es Jamstack?

Jamstack es un enfoque de arquitectura que desacopla la capa de experiencia web de los datos y la lógica de negocio, que es como lo describe hoy jamstack.org. El nombre significaba originalmente JavaScript, APIs y Markup, y lo acuñó en 2015 Matt Biilmann, entonces CEO de Netlify. En el esquema clásico, las páginas se generan de antemano, se sirven desde una CDN y se vuelven dinámicas con JavaScript en el cliente que llama a APIs.

Cómo funciona

1. Compilación. Un generador de sitios estáticos o un framework convierte contenido y plantillas en archivos HTML, CSS y JavaScript. Ejemplos: Hugo, Eleventy, Astro y Gatsby.
2. Distribución. Los archivos van a una CDN, de modo que el visitante recibe las páginas desde un nodo cercano en lugar de esperar a que un servidor las genere.
3. Llamadas a APIs. Todo lo dinámico, como búsqueda, pago, comentarios o un CMS, es un servicio de terceros o tu propia API, llamada desde el navegador o durante la compilación.

Ejemplo

Un sitio de documentación se compila desde archivos Markdown en cada commit y se publica en una CDN. El buscador consulta una API de búsqueda alojada y un formulario de contacto envía a un endpoint serverless. No hay servidor de aplicación que actualizar o escalar para las páginas en sí, pero sí varias APIs de las que ahora depende el sitio.

En qué punto está Jamstack hoy

El término se usa menos. La página principal de jamstack.org habla ahora de una "composable architecture", no desarrolla el antiguo acrónimo y no menciona archivos estáticos ni CDN. Las ideas siguen por todas partes, pero con otros nombres, y la frontera entre estático y dinámico se ha difuminado: frameworks como Next.js y Astro permiten prerrenderizar algunas rutas y renderizar otras bajo demanda, y la hidratación añade interactividad al HTML precompilado. Considera "Jamstack" una descripción útil de un esquema orientado a lo estático y a las APIs, no una especificación estricta.

Errores frecuentes

• Suponer que siempre es más rápido. Una página precompilada es rápida, pero un bundle de JavaScript grande o APIs de terceros lentas pueden anularlo.
• Olvidar el tiempo de compilación. Los sitios con decenas de miles de páginas pueden tardar en reconstruirse tras cada cambio de contenido.
• Tratar las APIs como problema ajeno. Cada API de terceros es una dependencia que puede ir lenta o caerse.
• Decir que "no hay backend". El backend se ha movido a servicios y funciones, no ha desaparecido.

Jamstack, pruebas de carga y monitorización

Los archivos estáticos en una CDN rara vez necesitan una prueba de carga. Las partes que sí la necesitan son las APIs y funciones serverless detrás de formularios, búsqueda y pago: lanza una prueba de carga contra esos endpoints y vigílalos con monitorización de APIs. Lee también nuestro artículo sobre cómo la arquitectura serverless cambia las pruebas de rendimiento (en inglés).

Preguntas frecuentes

¿Qué significa Jamstack?

JavaScript, APIs y Markup. El acrónimo es la definición original, aunque jamstack.org describe hoy el enfoque como el desacoplamiento de la capa de experiencia web de los datos y la lógica de negocio.

¿Jamstack es lo mismo que un sitio estático?

No exactamente. La generación estática es la forma clásica de construirlo, pero un sitio al estilo Jamstack también llama a APIs para las funciones dinámicas, y los frameworks modernos pueden renderizar algunas páginas bajo demanda.

¿Jamstack está muerto?

La etiqueta se usa menos, pero sus piezas son práctica habitual: páginas precompiladas, entrega por CDN y servicios basados en APIs. Pocos equipos lo eligen hoy como categoría con nombre.

¿Un sitio Jamstack es bueno para el SEO?

Los buscadores leen con facilidad el HTML precompilado y suele cargar rápido. El posicionamiento sigue dependiendo de la calidad del contenido y del resto del sitio.