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?

JAMstack is not a technology. Instead, JAMstack is a new way of building websites and apps. It is a modern web development architecture based on client-side and it doesn’t depend on a web server.

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

Some of the main benefits of using it are the following

Faster and Better Performance

It can generate new pages at deploy time and serve pre-built markup and assets over a CDN.

Less expensive and easier to scale

The lesser complexity of development reduces costs and also hosting of static files is cheap or even free.

Higher Security

With the delegation of the server-side and database operations, we don’t need to worry about vulnerabilities anymore.

Better developer experience

Frontend developers can focus only on the frontend and debugging, the expanding selection of CMS options for site generators remove the need to maintain. This usually means quicker and more focused development.

Image for post
Image for post
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?

I think that the main reasons are three:

  • 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

The possibilities to use JAMstack are endless, from simple blogs or websites that need a content management system to e-commerce to more complex Web Apps.
In this article, we have seen the advantages of using it, and why it is so popular right now.
Anyway, I would strongly recommend learning more about it because it could meet your needs.

Static Site Generators?

Some of the most popular Static Site Generators are Nuxt.js (Vue.js), Gridsome (Vue.js), Next.js (Next.js), Gatsby (React), Jekyll, Hugo.

Headless CMS for backend functionalities

Some of the most popular Headless CMS are Netlify, Contentful, Strapi, Ghost, Prismic.

Useful resources

NotOnlyCSS

This publication includes original articles and tips about…

Sign up for NotOnlyCSS

By NotOnlyCSS

Articles and tips for frontend developers Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

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.

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.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store