DEV Community

Cover image for How to Get Started With JAMStack
Idris Olubisi💡
Idris Olubisi💡

Posted on • Originally published at blog.idrisolubisi.com

4

How to Get Started With JAMStack

Today I will be talking about JAMstack, why JAMstack, and how you can get started with JAMstack.

What is JAMStack?

Jamstack is an architecture designed to make the web faster, more secure, and easier to scale. It builds on many of the tools and workflows which developers love, and which bring maximum productivity.

The core principles of pre-rendering, and decoupling, enable sites and applications to be delivered with greater confidence and resilience than ever before.

JAMstack is a software architecture and philosophy that adheres to the following components: Javascript, APIs, and Markup as the name imply “JAM”.

Why JAMStack?

Security

Serving pages and assets as pre-generated files allow read-only hosting reducing attack vectors even further.

Scale

When sites can be served entirely from a CDN there is no complex logic or workflow to determine what assets can be cached.

Performance

Jamstack sites remove the need to generate page views on a server at request time by instead generating pages ahead of time during a build.

thinking

No !!! 😊

Maintainability

A pre-generated site, being served directly from a simple host or directly from a CDN does not need a team of experts to "keep the lights on".

Portability

Jamstack sites are pre-generated. That means that you can host them from a wide variety of hosting services and have a greater ability to move them to your preferred host.

Developer Experience

Jamstack sites can be built with a wide variety of tools. They do not depend on proprietary technologies or exotic and little known frameworks. Instead, they build on widely available tools and conventions.

What makes up JAMstack?

thinking

jam

OLD vs NEW Architecture

vs

you can do it

of course, 😉 let's proceed.

Static Site Generator

you can do it

Headless CMS

you can do it

SOME JAMStack SITES

My Portfolio

Free Code Camp

JAMstack Site

learn

RESOURCES TO LEARN

Check out this awesome Repo for amazing resources to learn more.

Its open Source, Feel free to contribute 😊

Thank you.

you can also reach out to me on Twitter.


Other articles of mine that you might like

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series