Why JAMstack is Becoming so Popular

The New Web Stack Based on JavaScript, APIs, and Markup

Luca Spezzano
Oct 29, 2019 · 3 min read

Nowadays, the static site generators are becoming very common because they are straightforward to use and they are based on the most modern technologies and JavaScript frameworks like Vue.js or React.

Thanks to static site generators, modern browsers, CDNs, and APIs, we’re now seeing web developers transition from server-side to client-side applications.

With all this, Netlify came out with a new term JAMstack.

So let’s see what the JAMstack is and why it is becoming so popular.

What is JAMstack?

A definition that I have read on a blog and I like a lot is

The JAMstack is a static HTML site, rebuilt automatically every time you update the content, and deployed directly to a CDN.

I think that this definition makes better the idea!

JAM stands for JavaScript, APIs, MArkup

JavaScript: any dynamic programming during the request/response cycle is handled by JS, running entirely on the client. This could be any frontend framework or library, or even vanilla JavaScript.

APIs: all server-side processes or database actions are abstracted into reusable APIs, accessed over HTTPS with JavaScript. These can be custom-built or leverage third-party services.

Markup: templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps.

The Benefits provided by the JAMstack

Faster and Better Performance

Less expensive and easier to scale

Higher Security

Better developer experience

JAMstack workflow

Usually, when we visit a Wordpress website, we notice that it loads very slow. This happens because it makes a lot of requests to the database.
With JAMstack dynamic data can be fetched when needed, using separate API calls once the HTML is loaded.
This can make websites much faster and efficient.

Why is JAMstack so popular now?

  • The list of the benefits above
  • The opportunity to use Static Site Generators that help developers to build websites with the hottest JavaScript frameworks.
  • The incredible increase of Headless CMS that makes content accessible via APIs

Conclusion

Static Site Generators?

Headless CMS for backend functionalities

Useful resources

NotOnlyCSS

This publication includes original articles and tips about frontend technologies.

Luca Spezzano

Written by

Frontend developer focused on CSS architecture of scalable and maintainable large scale projects and the development of amazing user interfaces.

NotOnlyCSS

This publication includes original articles and tips about frontend technologies.

More From Medium

More from NotOnlyCSS

More from NotOnlyCSS

Turn Your Website into a PWA

More from NotOnlyCSS

More from NotOnlyCSS

How to Remove Unused CSS

More from NotOnlyCSS

More from NotOnlyCSS

11 Vue.js Lifecycle Hooks

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade