Recursos Jamstack
Recursos Jamstack en español
Herramientas, documentación, referencias y lecturas curadas para desarrollar con arquitectura Jamstack. Todo lo que usamos y recomendamos, en un solo sitio.
Para desarrolladores y clientes
Todo el ecosistema Jamstack, curado y en contexto
La arquitectura Jamstack tiene un ecosistema amplio y en constante evolución. Hay muchas herramientas, muchos proveedores y mucha documentación dispersa. Esta página recoge lo que realmente usamos, lo que recomendamos según el tipo de proyecto y los recursos que más nos han aportado.
No es un listado exhaustivo de todo lo que existe. Es una selección honesta con contexto real sobre cuándo tiene sentido cada opción.
01 — Generadores de sitios estáticos
El motor detrás de la web
Un SSG toma el contenido en archivos de texto y genera todo el HTML antes de publicar. Sin procesamiento en cada visita.
Eleventy (11ty)
Nuestra apuesta principal. No impone ningún framework JavaScript: el HTML que genera es HTML limpio. Soporta múltiples lenguajes de plantillas (Nunjucks, Liquid, Markdown) y permite estructurar cada proyecto como tiene sentido, no como el framework impone. Ideal para webs corporativas, blogs y portfolios donde el rendimiento y la longevidad importan.
Documentación oficialAstro
Generador basado en componentes con arquitectura de islas: solo hidrata el JavaScript que necesita interacción, el resto es HTML puro. Muy adecuado para proyectos que mezclan contenido estático con componentes interactivos, o para equipos con experiencia en React o Vue.
Documentación oficialHugo
El generador más rápido en tiempo de construcción. Escrito en Go, puede compilar miles de páginas en segundos. Es una opción sólida para proyectos con grandes volúmenes de contenido o cuando los tiempos de build son críticos. La curva de aprendizaje es algo más pronunciada que Eleventy.
Documentación oficialJekyll
El generador más veterano y el que popularizó el modelo. Escrito en Ruby, tiene un ecosistema maduro y es el que usa GitHub Pages de forma nativa. Sigue siendo una opción viable para proyectos de documentación o blogs técnicos, aunque para proyectos nuevos Eleventy o Astro suelen ser mejores opciones.
Documentación oficialNext.js (static export)
Principalmente un framework full-stack para React, pero con un modo de exportación estática que genera HTML puro sin servidor. Encaja cuando el equipo ya trabaja en el ecosistema React y el proyecto necesita mezclar páginas estáticas con rutas dinámicas. Más complejo de lo necesario para webs puramente de contenido.
Documentación oficialComparativa detallada en nuestro artículo Astro vs Eleventy: dos generadores, dos filosofías.
02 — Despliegue y CDN
Dónde vive y cómo se publica la web
En el modelo Jamstack, el despliegue es automático desde Git y la web vive en una CDN global. Estas son las plataformas más relevantes.
- Netlify — netlify.com
- La plataforma que popularizó el modelo de despliegue moderno. Conectas tu repositorio Git y cada push construye y despliega el sitio automáticamente. Incluye previews por rama, rollback instantáneo, formularios sin servidor y edge functions. Plan gratuito generoso. Sede en San Francisco. netlify.com
- Vercel — vercel.com
- Creada por el equipo de Next.js, es especialmente fuerte en proyectos con mucho JavaScript y componentes React. El modelo de despliegue es idéntico al de Netlify. Para proyectos puramente estáticos o con requisitos de soberanía de datos europea, hay opciones más adecuadas. vercel.com
- Cloudflare Pages — pages.cloudflare.com
- La opción de Cloudflare para despliegue de sitios estáticos. Se integra con su red CDN, que es una de las más grandes y rápidas del mundo. Buena opción cuando ya se usa Cloudflare para DNS o protección, y cuando la latencia global es crítica. pages.cloudflare.com
- Bunny.net — bunny.net — CDN europeo
- CDN europeo con sede en Eslovenia, especialmente competitivo en precio y muy sólido en rendimiento. Además de CDN, ofrece almacenamiento y capacidad de servir sitios estáticos. Para proyectos donde la privacidad y la soberanía de datos europeos son importantes, es una alternativa excelente a las opciones americanas. bunny.net
- Statihost.eu — statihost.eu — alojamiento europeo
- Alojamiento estático europeo diseñado con GDPR como requisito desde el principio, no como añadido. Servidores en Europa, orientado a empresas y proyectos que necesitan garantías de privacidad de datos o que trabajan para el sector público o servicios regulados. statihost.eu
Más sobre el proceso de despliegue en cómo funciona un despliegue web moderno.
03 — Gestión de contenidos
Editar sin tocar código
Un CMS headless separa la interfaz de edición del frontend. El editor trabaja desde un panel cómodo; el contenido llega al sitio en el proceso de construcción.
- Decap CMS (antes Netlify CMS) — open source, Git-based
- Panel de edición que guarda el contenido directamente en el repositorio Git como archivos Markdown. Sin base de datos, sin coste de SaaS. La autenticación funciona a través de GitHub, GitLab o Bitbucket. Ideal cuando se quiere dar autonomía editorial al cliente sin añadir infraestructura ni coste mensual. Funciona con cualquier SSG. decapcms.org
- Sanity — sanity.io — SaaS con plan gratuito
- CMS headless basado en la nube con un panel de edición muy bien diseñado y una API flexible. Destaca por su modelo de contenido estructurado y por la posibilidad de personalizar completamente la interfaz editorial. El plan gratuito es generoso para proyectos pequeños. Buena opción cuando el cliente necesita una experiencia de edición más elaborada. sanity.io
- Contentful — contentful.com — SaaS enterprise
- Uno de los CMS headless más establecidos en el mercado enterprise. Potente y con un ecosistema amplio de integraciones, pero con un modelo de precios que crece rápido fuera del plan gratuito. Encaja en proyectos grandes con equipos de contenido amplios y flujos de trabajo editoriales complejos. contentful.com
- TinaCMS — tina.io — edición visual en contexto
- CMS headless con una característica diferencial: permite editar el contenido directamente sobre la página, viendo el resultado en tiempo real. El contenido se guarda en Git igual que Decap, pero la experiencia de edición es más visual. Buena opción para clientes que quieren ver exactamente cómo queda antes de publicar. tina.io
- Backend a medida (PHP + JSON)
- Para algunos proyectos hemos desarrollado backends propios: un panel en PHP donde el cliente gestiona el contenido, que se guarda en archivos JSON. Cuando está listo, solicita una publicación única — no un build por cada cambio. Ventaja: el cliente acumula todas las modificaciones y publica cuando quiere, sin depender de servicios externos ni pagar suscripciones mensuales. Una opción muy eficiente para webs con actualizaciones periódicas pero no frecuentes.
Más sobre cómo elegir en qué es un CMS headless y por qué cambia las reglas del juego.
04 — Serie Jamstack en el blog
Lo que hemos escrito sobre esto
Artículos técnicos y de contexto escritos desde la práctica, no desde el manual.
Jamstack explicado sin tecnicismos
Qué es la arquitectura Jamstack, por qué existe y qué consecuencias tiene en velocidad, seguridad y coste. El punto de entrada a la serie.
Qué es Eleventy y por qué lo usamos en Idenautas
El generador de sitios estáticos con el que construimos nuestros proyectos: qué es, cómo funciona y qué lo diferencia de otras opciones.
Eleventy vs WordPress: cuándo elegir cada uno
Una comparativa honesta. No son competidores directos: resuelven problemas distintos. Entender cuándo usar cada uno puede ahorrarte mucho tiempo y dinero.
De WordPress a Eleventy: cómo es el proceso de migración
Qué se migra, qué se reconstruye y qué hay que planificar. Una guía práctica del proceso completo.
Por qué tu web probablemente no necesita base de datos
La base de datos se convirtió en el componente por defecto. Para la mayoría de proyectos, es una capa de complejidad que no aporta nada.
Core Web Vitals explicados sin tecnicismos
LCP, CLS, INP: las métricas que Google usa como factor de posicionamiento y lo que significan en la práctica.
Una web lenta pierde clientes: los datos que convencen
No es intuición. Hay datos concretos sobre la relación entre velocidad de carga, conversiones y posicionamiento.
Qué es un CMS headless y por qué cambia las reglas del juego
Cómo funciona la edición de contenido en un sitio Jamstack, qué opciones existen y cuándo tiene sentido cada una.
Astro vs Eleventy: dos generadores estáticos, dos filosofías
En qué se parecen, en qué se diferencian y qué tipo de proyecto encaja mejor con cada uno.
Cómo funciona un despliegue web moderno: de Git a producción en segundos
Del modelo FTP al pipeline automatizado: Netlify, alternativas europeas y por qué este modelo es más fiable y reversible.
05 — Recursos externos curados
Lo que realmente merece la pena leer
Sin spam, sin listas de 200 herramientas. Solo lo que usamos o consultamos.
Jamstack.org
El sitio de referencia del ecosistema. Documentación sobre la arquitectura, lista de SSGs y plataformas de despliegue, y recursos de la comunidad. Buen punto de partida.
jamstack.org11ty.dev
La documentación oficial de Eleventy: clara, con ejemplos prácticos y bien organizada. Si trabajas con Eleventy es la referencia principal. El blog del proyecto también publica artículos técnicos sólidos.
11ty.dev/docsweb.dev — Google
La guía técnica de Google sobre rendimiento web, accesibilidad y buenas prácticas. Imprescindible para entender Core Web Vitals con ejemplos reales. No es específico de Jamstack pero es referencia obligada.
web.devThe New Dynamic
Una de las comunidades más activas alrededor de Jamstack. Newsletter, foro y recursos curados por personas que llevan años en esto. Menos ruido que otras fuentes generalistas.
tnd.devNetlify Blog
Más allá de los tutoriales de su propio producto, publica artículos técnicos sobre despliegue, edge computing y arquitectura web moderna. Una fuente fiable para estar al día del ecosistema.
netlify.com/blogPageSpeed Insights
La herramienta de referencia para medir Core Web Vitals y rendimiento real. Gratuita, sin registro, con datos de usuarios reales cuando hay suficiente tráfico. Imprescindible para cualquier auditoría.
pagespeed.web.dev¿Quieres aplicar todo esto?
Construimos con Jamstack. Cuéntanos tu proyecto.
Si después de leer esto tienes claro que quieres una web rápida, segura y de bajo mantenimiento, hablamos. Si aún tienes dudas sobre si Jamstack encaja con tu proyecto, también — esa conversación es gratuita y sin compromiso.
Servicio de desarrollo Jamstack
Nuestra oferta de desarrollo web con arquitectura Jamstack y Eleventy, con detalle de casos de uso, proceso y lo que incluye cada proyecto.
Ver servicioGlosario web
Si algún término de esta página no te ha quedado del todo claro, en el glosario encontrarás las definiciones con contexto real.
Ir al glosarioHablamos sin compromiso
Cuéntanos tu proyecto. Si Jamstack tiene sentido para tu caso, te lo explicamos. Si no lo tiene, también.
Contactar