INNOVATION

What is the jam stack?

JAMstack Let us explain what the ‘JAM stack’ is for people that, maybe, need to understand it better. So basically, the JAMstack itself is mostly a name for a way of approaching the architecture of building web projects. It stands for JavaScript, APIs, and Markup. To simplify, it is called JAM or the JAM Stack....

Last updated: 14 Jan 2021 - 3 mins read

Robin Creative Director

Abstract pyramids

CONTENTS

JAMstack

Let us explain what the ‘JAM stack’ is for people that, maybe, need to understand it better. So basically, the JAMstack itself is mostly a name for a way of approaching the architecture of building web projects.

It stands for JavaScript, APIs, and Markup. To simplify, it is called JAM or the JAM Stack.

Jamstack explained - Javascript, APIs, Markup
Jamstack explained – Javascript, APIs, Markup

It’s based on this idea that instead of having sort of a big dynamic application that runs every time a request comes in – and then generates HTML and sends it back to the browser – you start really separating and decoupling the front-end presentation layer from the different dynamic functionalities. Typically, a lot of pre-built Markup is used as a front-end presentation layer. In addition, JavaScript is (sort of) the main runtime engines, which talks to all of these different APIs & services.

Simply put, the basic things, are in markup and form the steady base. That steady base is enriched with JavaScript APIs. This adds things like, shopping carts, and just anything that’s a dynamic functionality. So if you have an e-commerce store, you might try to generate all the product pages upfront and have them ready if a client clicks on one of them. These pages ‘live’ directly on the CDN, which makes the load time as fast as it can possibly be.

There’s just no way at the moment to get make them even faster.

Need for an API

People will browse very, very quickly and they’ll have a great experience. Once they start putting stuff in a cart, a JavaScript component activates to manage that specific component. Once the visitor clicks on the buy button, ‘obviously’ something needs to happen on the server somewhere. that’s where you would typically use an API or an API call. Whether it’s Stripe, a more fully-fledged Commerce Layer, or even your own home-built serverless function talking to Stripe, you end up having to use this API endpoint. It gets involved when there’s a real ‘state change’ or action required.

Serverless

Because of this kind of pre-built, the application or site can be ‘serverless’. Of course, this does not mean the application will spin up without a server. It simply means that the code does not require a server 24/7 and only ‘calls’ on the server when necessary. Therefore, you as a site owner or developer, don’t have to worry about building and maintaining the stability of the application. Simply put, you just serve it. Even with something as complex as hosting the site, it is that simple. To strengthen and quicken this, a content delivery network can be used. These are geographically spread proxy servers on the internet stored in data centers. The CDN helps to store and deliver content fast, or better said, very fast.

To summarize, make sure that everything is pre-built and ready on a CDN as performant as possible. In that scenario, you (sort of) end up with the best of both worlds.

It’s a complicated system, but this should’ve helped you a bit.

SIGN UP FOR THE NEWSLETTER

    By signing up you agree with our privacy policy

    GET IN TOUCH

    To speak with us, call (+31) 613 326 179, send us an email, or reach out to us by chat or What’s App.

    THINKING

    Shopify Summer Editions ’23 – our favourites

    Imagine my Business – Imagine my Store – Imagine my Future This is the hook, Shopify introduces us to the Summer Editions ’23. One of the most powerful updates until now. There have been some changes in the digital world, which automatically affect the eCommerce industry – bringing a lot new opportunities to the field. Personalisation...

    Shopify’s one-page checkout

    By now, we’ve all heard of the Shopify Editions | Winter ’23 and the amazing upgrades that the eCommerce platform will be offering soon.  Shopify is one of the biggest players in the industry, holding a substantial market share in the United States and accounting for over $444 billion in global economic activity. The new...

    B2B with Shopify: Unlocking the Power of Business-to-Business Commerce

    In today’s digital age, eCommerce has revolutionised the way businesses operate and connect with their customers. Shopify, one of the leading eCommerce platforms, not only caters to direct-to-consumer (DTC) businesses but also provides robust features, which Shopify Plus merchants can utilise for business-to-business (B2B) transactions. This article explores the world of B2B on Shopify, its...

    Shopify Markets Pro: The Ultimate Solution for International eCommerce Businesses

    Are you looking to expand your eCommerce business and take over the international market? Yet the complexities of international transactions made you reconsider your decision? Shopify Markets Pro delivers an all-in-one solution that simplifies the process of selling globally. We’ll be showing you all the things you need to know about the new toolkit of...

    The logo of Klaviyo One, a comprehensive customer data platform (CDP) that revolutionises business growth and customer engagement.

    What is Klaviyo One?

    Klaviyo One is the all-in-one platform to grow your business. Klaviyo has always been a powerful email marketing tool, but with the release of Klaviyo One, they are now a complete customer data platform (CDP). This means that you can now manage all of your customer data in one place, and use it to drive...

    Various equipment such as camera are put on the white background

    Omnichannel versus Multichannel

    Omnichannel and multi-channel: what’s the difference? We’re going to be elaborating on the differences between omnichannel and multi-channel. So let’s jump straight into it! So let’s start off with a few definitions. The defintions First of all, when we speak about channels what we mean is a medium through which a brand is able to...

    Hubspot Spotlight Spring ’24

    Hubspot just released their Spotlight Spring ’24 Editions… and let’s put it like that – they definitely did not dissapoint…. Since our favourite CRM-software just released over 100 new updates making all our work even more seamless to use we’re excited to show you the biggest ones. We will guide you through the 3 new...

    Flatline Marketing Services: Your digital pulse

    Discover how Flatline Agency tailors digital marketing solutions to boost your eCommerce success with the right tools and effective collaboration. Introduction At Flatline Agency, we know that understanding and connecting with your target audience is a crucial part of digital marketing. Our strategies include targeted SEO, engaging social media campaigns, and more. We believe that...

    HubSpot vs Salesforce featured image

    Season 3/5: HubSpot vs Salesforce: find the best CRM for your business

    Explore the benefits of HubSpot and Salesforce to determine which CRM best suits your business needs. Introduction Choosing the right Customer Relationship Management (CRM) system is crucial for efficiently managing customer interactions and business processes. Among the myriad of options available, HubSpot and Salesforce stand out as industry leaders. Each offers distinct advantages depending on...

    HubSpot Email Marketing

    Season 3/4: HubSpot Email Campaigns: manage and optimise responses

    Learn how to boost your email campaign’s effectiveness using HubSpot’s tools for tracking, optimising, and personalising your email strategies. Introduction Email marketing remains a cornerstone of successful digital marketing strategies. As businesses seek more refined analytics and automation capabilities, tools like the HubSpot Email Marketing become indispensable. The platform not only provides robust email marketing...

    HubSpot SEO

    Season 3/3: How to improve SEO using HubSpot: Your ultimate guide

    Explore our comprehensive guide on using HubSpot to enhance your digital marketing efforts through SEO, analytics, and performance optimisation. Introduction In today’s digital landscape, mastering Search Engine Optimisation (SEO) is paramount for enhancing visibility and driving organic traffic to your website. HubSpot, a leader in inbound marketing and sales software, offers a suite of SEO...

    WordPress Multisite: Maximise your Web Management

    Explore the benefits of WordPress Multisite for streamlined management and maintenance of multiple websites from a single dashboard. Introduction In today’s fast-paced digital landscape, managing multiple websites efficiently is a challenge for many organisations. As businesses expand and diversify, WordPress Multisite offers a powerful solution, enabling seamless management of numerous sites from a single installation....

    wordpress multisite

    Season 3/2: Mastering HubSpot Reporting: Harness Data for Strategic Insights

    Unlock the full potential of HubSpot reporting to drive insightful data-driven decisions in your business. Introduction In our previous post, we explored essential integrations for enhancing your HubSpot platform in 2024, highlighting the synergy between HubSpot and other powerful tools like Google Ads and Shopify. Today, we shift our focus to a vital component of...

    HubSpot Blog Cover

    Season 3/1: Optimising your HubSpot Platform: Top 5 Essential Integrations for 2024

    Discover the most useful integrations for your HubSpot platform in 2024. Get ready to optimise your workflows with Google Ads, Slack and more. Introduction In today’s changing digital landscape, businesses are constantly in search of solutions that streamline their workflows and adapt rapidly to the ever-changing market demands. The HubSpot platform, renowned for its comprehensive...

    Shopify vs Salesforce Commerce Cloud: Navigate Your eCommerce Platform Choices

    Discover the best fit for your business between Shopify and Salesforce, focusing on user-friendliness for SMEs and robust scalability for enterprises. Choosing the right eCommerce platform is a pivotal decision for any business stepping into the online marketplace or looking to upgrade their digital presence. With an array of options available, it’s crucial to select...

    Title of the blog: WooCommerce migration: A step-by-step guide

    WooCommerce migration: A step-by-step guide on how to navigate your migration

    In the dynamic world of eCommerce, staying ahead means not just keeping pace with technology but leveraging it to your advantage. At Flatline Agency, we’ve observed a significant trend where businesses are transitioning their digital storefronts to platforms that offer more agility, scalability, and user engagement.  Introduction WooCommerce is favoured by many for its seamless...

    This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.