What is the JAMstack?

By

Learn what the JAMstack is, how JavaScript, APIs and prebuilt Markup combine to serve fast, cheap and secure sites, and tools like Gatsby, Next.js and Hugo.

~~~

Jamstack started as JAMstack, a term coined around 2015-2016 by Netlify’s Mathias Biilmann. jamstack.org, run by Netlify, still uses that name.

It defines a group of technologies used together to achieve a goal, like LAMP and MEAN if you are familiar with those.

JAM stood for JavaScript, API, Markup. That acronym is historical. jamstack.org now calls it an architectural approach that decouples the web experience layer from data and business logic.

It describes sites that have those key characteristics:

This new approach is a new way, compared to

It’s also different from client-side rendered websites (for example built with React) with a server-side rendered part. Jamstack does not involve server rendering at all.

What are the advantages of using Jamstack?

The traditional approach of server-rendering websites application dynamically, like it happens with WordPress, Laravel and Rails, is being superseded in many cases by a lighter approach.

A typical WordPress site can make 30-100 requests to a database for every page load, depending on the amount of plugins installed. Unless heavily cached, you can recognize a WordPress site when it gets popular on Hacker News, Reddit or any other big site because you get a blank page - which means something crashed on the server, as the site cannot support all that traffic. Many times this is a lost opportunity, because when the site is at its peak in popularity, it does not work.

Serving a static HTML page instead is much, much more efficient than that, and dynamic data can still be fetched when needed, using separate API calls once the HTML is loaded.

Diagram showing browser requesting static page from server or CDN with arrows indicating data flow

What are some technologies that can be used to build Jamstack apps?

and more.

What can Jamstack be used for?

Many apps can fall under the Jamstack umbrella, and the possibilities are endless, ranging from simple blogs to e-commerce websites (for example with Snipcart) to more complex Web Apps.

My blog started as a Jamstack site. The HTML is still generated at deploy time and served as static files. A few serverless endpoints handle things like the newsletter.

Want me to talk about your product? You can sponsor this site.

~~~

Related posts about platform: