DEV Community

Cover image for what is JAMstack?
Rajesh Royal
Rajesh Royal

Posted on

5 3

what is JAMstack?

By definition, JAMstack is an alternative approach for building websites - the JAM here stands for JavaScript, APIs, and Markdown. For you, it means faster websites with better SEO ranking capabilities and happier users overall.

We build them using battle-tested technologies like GatsbyJS, Hugo, Contentful, Netlify, and other headless CMSes.

To put it as simply as possible, JAMstack is a handy abbreviation coined by Mathias Biilmann, the CEO of Netlify and it stands for JavaScript, APIs, and Markup.

It represents a modern web development architecture that gives devs an opportunity to rely on the advantages of a static website, which include better web performance and security benefits, while still retaining the dynamic attributes of a database-oriented CMS without the database.

It’s imperative to point out that with JAMstack the rules and benefits are quite self-explanatory and straightforward:

  • JavaScript (on the client-side) is carrying out dynamic programming during the request/response cycle.

  • Reusable APIs are accessed via HTTPS with JavaScript abstract all server-side processes or database actions.

  • The templated markup ought to be prebuilt at deploy time, utilizing a site generator or a build tool for web apps.

Data source: BEJMAS

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (5)

Collapse
 
amarachiamaechi profile image
Amycruz 👩‍💻 👩‍💻 👩‍💻

In my opinion, JAMstack is not about specific technologies. JAMstack is a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience. It is the combination of underlying tooling that makes JAMstack so exciting. JAMstack is composed of 3 components: Javascript, APIs, and Markup. Read more about JAMstack here 👉 agilitycms.com/resources/posts/top...

Collapse
 
perpetual_education profile image
perpetual . education

So, Netlify is pretty public about "JAMstack" being a marketing term they invented --- but isn't it just a "website" - that isn't a single-page-app?

For example, isn't a PHP page with a little JavaScript on it - still in that realm? Or do you think that the pages need to be prerendered to be 'official' ?

The values behind it are great / but it seems kinda crazy to get so reliant on React - for some basically 'classic' HTML pages. What do you think?

Collapse
 
rajeshroyal profile image
Rajesh Royal

for basic needs relaying on JAMstack is not a wise idea 😅. The biggest advantage of JAMstack is performance ⚡ along with other

Collapse
 
masiota profile image
Mahmoud AlSharif

Thanks for sharing

Collapse
 
rajeshroyal profile image
Rajesh Royal

🤗

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay