¿EN QUÉ CONSISTE LA ARQUITECTURA JAMSTACK?
Jamstack es una arquitectura moderna para desarrollar sitios y aplicaciones web. Jamstack pre-genera las páginas estáticas durante la compilación.El flujo es:
- Markup → HTML estático generado previamente (usando generadores como Gatsby, Next.js, Hugo, Eleventy, Astro, etc.).
- JavaScript → Se encarga de toda la interactividad en el navegador.
- APIs → Para funcionalidades dinámicas (formularios, autenticación, pagos, contenido, bases de datos, etc.), se usan servicios externos (llamados Headless CMS, serverless functions, etc.).
Ejemplos
- Frameworks: Next.js, Nuxt, Astro, Gatsby, Hugo, Eleventy, SvelteKit
- Headless CMS: Contentful, Sanity, Strapi, Ghost, WordPress (Headless), Payload
- Hosting: Vercel, Netlify, Cloudflare Pages, AWS Amplify
- Formularios: Formspree, Formcarry, Netlify Forms
- Autenticación: Auth0, Supabase, Clerk
¿Cuándo usarlo?
- Sitios corporativos, blogs, portafolios
- E-commerce (con Shopify, Snipcart, etc.)
- Landing pages
- Sitios de documentación
- Aplicaciones que no requieran datos en tiempo real extremo