stack —

From Around the Web: 10 Fabulous Infographics About JAMstack

by Arso Stojović
3min
27. Jan 2022.

JAMstack is driving a future of web development. It's a fast, simple, and secure way of building websites and applications. A picture is worth a thousand words, so let's see what makes JAMstack so beloved through these infographics.

What is a JAMstack?

JAMstack is a new way of building websites and apps that deliver better performance, higher security, and lower scaling costs.

As the picture shows, JAMstack is a concept where you can use various technologies to focus on application development and get an application up and running in no time. It’s built on a philosophy that fast and secure sites and apps are delivered by pre-rendering files and serving them directly from a content delivery network (CDN), removing the requirement to manage or run web servers. In a core, the JAMStack is optimized for speed.

​​JAMstack Ecosystem

Jamstack is the new standard architecture for the web; the abundance of tools and resources available creates opportunities for what you can do with a static website to a whole new level. Thanks to the broader adoption and benefits of a static front-end with a back-end microservices approach, today's built websites, and apps are gradually changing.

JAMstack and microservices

The Microservices approach refers to various software development techniques, typically revolving around breaking up large monolithic structures composed of different dependencies into smaller pieces.

By breaking monolithic structures, JAMstack gets some terrific advantages: Each service can have one individual responsibility, which brings more extensive functionality. They’re fewer bugs. Autonomy- each team is slightly less dependent on one another. Better development experience Benefits from open source as multiple people can use the same thing.

JAMstack Frameworks

All JAMstack frameworks make it possible to build superfast and SEO-friendly websites with a great user experience.

However, there are differences regarding more minor aspects like developer experience, features, and popularity. The last one is connected with the availability of developers, community support, and perspective for the future. According to the JAMstack community survey, React continues to top the charts comparing major frameworks in usage and satisfaction.

JAMstack and static development

Static websites are faster, lighter, and cheaper to serve than traditional dynamic ones.  Let’s take WordPress as an example.

WordPress runs on a web server that serves web pages to visitors; it is a back-end web server that provides dynamic data to display, and the database stores all of the settings. Even though WordPress is the most popular traditional CMS, this way of web development is getting old compared to the new development technologies built up. On the other side, static websites can provide greater control over the content and the speed at which it can be delivered. Another benefit of static dev is cost-efficiency in serving files since their featherweight compared to standard dynamic websites.

With static sites, you don't even need any server space, which leads to lower costs. JAMstack websites users can have a dynamic and modernized web experience through intermittently generated fresh static web content or providing updated content through API.

Static site generator JAMstack and dynamical content

JAMStack is an ideal choice for static sites or static site generators, but the burning question is, how JAMstack operate with dynamic sites or content?

Speaking of content, besides creation, type and distribution are crucial and even sometimes challenging. There are various types of content and different approaches to distribution.  Content can be:  Public or private Constantly changing or rigid Interactive or non-interactive Depending on the type of content, you need to decide which way you will distribute it.

As you can see, JAMstack has answers for any kind of content, even a dynamic one. That is how JAMstack can be powerful.

Building Websites with JAMstack

Building JAMstack websites are accessible, extremely fast, and even free. As I mentioned above, JAMstack is a set of techniques and technologies combined.

The modern approach in building websites usually is formed in serverless mode,  where frameworks are used for static web hosting, storing data, and building websites. In most cases, developers choose headless CMS, which helps them maneuver content.  Here are some examples:

With this mixture, JAMstack simplifies the development process and gives a fast and secure Progressive Web Application as a product. Depending on the kind of website you need, you can build a new website from scratch for 10 minutes up to 3 days. This is the blazing fast speed that JAMstack provides. I hope you will consider this combination of tools for your following projects or use them for building your website. Here you can check what websites you can make with JAMstack and headless BCMS.

Is JAMstack serverless?

The correct answer to this question is JAMstack is something in between. Static storage is a core of a JAMstack existence, but it is also one of the serverless solutions. You can do serverless computing without JAMstack architecture. Serverless takes care of your backend and manages it; meanwhile, JAMstack is focused on frontend applications.

In his picture, you can see the difference between serverless Jamstack (left) and server full Jamstack (right). In conclusion, JAMstack can be both, depending only on how and for what you decide to use it.

JAMstack history

For the end of the JAMstack saga, I found an interesting visual timeline with all facts and proof of JAMstack raising and taking control of the market.

Source: Jamstack WTF