What is JAMstack?

JAMstack stands for JavaScript, APIs, and Markup. It's a web architecture pattern where pages are pre-built as static HTML at deploy time (Markup), dynamic features are handled by APIs (authentication, payments, forms), and JavaScript adds interactivity on the client.

The core idea: decouple the frontend from the backend. Instead of a monolithic server generating pages on every request, you pre-build everything and serve static files from a CDN. When users need dynamic functionality (submitting a form, processing a payment), the frontend calls an API.

Benefits: near-instant page loads (serving static files is fast), excellent security (no server-side vulnerabilities to exploit), infinite scalability (CDN handles traffic spikes), and lower hosting costs (static hosting is cheap or free on Vercel, Netlify).

Limitations: build times increase with page count (10,000 pages can take minutes to rebuild), real-time features require additional architecture, and content previews need a preview server. Modern frameworks like Next.js solve most of these with Incremental Static Regeneration (ISR).

JAMstack is the right choice for marketing sites, blogs, e-commerce storefronts, and documentation sites. It's not ideal for real-time collaboration tools or highly personalized dashboards.