JAMstack

ELI5 — The Vibe Check

JAMstack stands for JavaScript, APIs, Markup. It's a way of building websites where the HTML is pre-generated at build time (markup), dynamic stuff is done client-side with JavaScript, and backend features come from third-party APIs. Your site is just files on a CDN — crazy fast and nearly impossible to hack.

Real Talk

JAMstack is a web architecture pattern where the frontend is pre-built static markup served from a CDN, with dynamic functionality delivered through client-side JavaScript and third-party APIs. Eliminates server-side rendering per request. Enables global distribution, high performance, and simplified scaling. Popularized by Netlify and Vercel.

Show Me The Code

// JAMstack: static page + client-side API call
// HTML generated at build time (Astro, Next.js, Nuxt)
export async function getStaticProps() {
  const posts = await fetch('https://api.example.com/posts').then(r => r.json());
  return { props: { posts } };
}

// Dynamic data fetched client-side at runtime
const comments = await fetch('/api/comments?postId=1').then(r => r.json());

When You'll Hear This

"We rebuilt the blog as JAMstack — loads in 200ms now." / "JAMstack makes scaling easy since it's just static files on a CDN."