We're hiring! Check out open positions
Development

7 Best Jamstack eCommerce Solutions in 2022

Tim Davidson
14 min read

Jamstack eCommerce can solve many problems that trouble online retailers as they grow. In a nutshell, it’s like evolving an eCommerce platform into an eCommerce application.

Before we jump into the deep stuff, if you’re unfamiliar with the terminology or just starting your research journey, Jamstack is the abbreviated term for Javascript, APIs and Markdown. Jamstack is synonymous with Next.JS and Gatsby. Other frameworks fall under the Jamstack umbrella, but these two are arguably the most important, and we’ll focus on them across this article.

Before we list the eCommerce solutions that pair nicely with Gatsby and Next.js, it’s worth noting that Jamstack eCommerce can unlock some powerful benefits, but it also comes with tradeoffs. It’s easy to slip into the trap of thinking Jamstack websites are “the best” because they’re faster (which is kind of true). It’s a significant change to your site’s architecture, and some things don’t work like they used to.

If you're unsure what technology your site (or a competitor) is running, you can check out our article on how to tell what platform a website is built on.

Below is a quick rundown of the pros and cons of Jamstack eCommerce setups. We’ve kept each of these points short and sharp. If you’re interested in reading a less abbreviated version, check out our article about 10 benefits of headless eCommerce.

Pros of Jamstack eCommerce

Here are a handful of the most significant benefits to Jamstack eCommerce.

Page load speed

Gatbsby and Next are static site generators, meaning they prepare the website content before the user needs it and then serve it statically. Taking the need to communicate with a server out of the equation creates unparalleled page load times.

Blazing fast load times are probably the most significant benefit of Jamstack eCommerce. A catalogue of 10,000 products can drain a site’s performance and ruin the user experience. Since the entire catalogue is pre-rendered, there’s no accumulative delay in jumping between products, making the experience fast and seamless.

Flexible functionality

If you’ve come across a “product design” or “try-it-on” feature on an eCommerce website, chances are it’s built with a JavaScript framework. A great example is the Nike Shoe Customiser.

Since Jamstack eCommerce sites are built with the same technology, these features become a realistic (although challenging) goal to add to your site.

Speed of development

Modern development teams have become very good at dividing projects into subsets of features and simultaneously working on many concurrent features. The improved rate of development is mainly due to the modern tools these teams have adopted.

Unlike traditional monolithic platforms, Jamstack eCommerce unlocks all of the cutting edge tools that help teams design, develop and test new features quickly and efficiently.

Customisable content workflow

There’s a particular way content has to be written in Shopify and BigCommerce. Sticking to this workflow isn’t a big issue for smaller teams, but it can be restrictive for larger teams that create tailored articles and want to modify how content is created, reviewed and published.

Jamstack eCommerce sites assume your site will use a third party content management platform like WordPress, Contentful, Strapi or Prismic. These platforms are highly customisable and allow workflows to be built that match business processes.

Blogging for content teams

Similar to the previous point, larger content teams can struggle to find efficiency when creating content using traditional eCommerce platforms. Platforms like Contentful specifically considered this problem when introducing their tooling.

Multi-language

Traditional monolithic eCommerce platforms have limited multi-language support. Providing content in a single language is less of an issue for U.S. based companies, but for our friends in Europe, it’s a real hassle.

Gatsby and Next both offer multi-language support out of the box.

Freedom to change eCommerce provider

eCommerce platforms change their terms of service and pricing all the time. Features come and go, the interface changes. Sometimes competitors appear that offer even better solutions.

There’s no easy way to migrate from Shopify to BigCommerce, Shopware, or any other eCommerce engine. If your site features a decent amount of custom development, chances are you won’t go anywhere even if the platform starts to act up.

Jamstack eCommerce platforms solve this problem by pulling products in from any compatible eCommerce engine via API. If the eCommerce platform has issues, you can use another one in its place.

This swap isn’t necessarily straightforward, but it doesn’t require rebuilding the entire frontend on a different platform.

Scaling

Jamstack eCommerce platforms use a decoupled architecture where the frontend and backend codes communicate via API. Separating the two code bases allows the frontend to get slammed by traffic without dragging the performance of the backend, where all the complex logic and calculations happen.

Since the frontend assets have been statically rendered and are delivered incredibly fast, there’s little drag on the site’s performance which all adds up to incredibly scaling.

Watertight security

Serving static files creates a reduced attack surface for hackers to exploit. Even in situations where Next.js is being used to generate assets on a server, most of the communication between the frontend and backend occurs through APIs, making malicious attacks harder to execute.

Progressive web application features

Progressive web application features like push notifications, working offline and being “downloadable” are all desirable for online retailers. Gatsby and Next.js support a progressive web application architecture out of the box.

Many different storefronts 

In a Jamstack eCommerce setup, there’s one primary eCommerce backend like Shopify or Bigcommerce, but there can be multiple storefronts. This attribute is handy if you want to manage different catalogues of products in your eCommerce platform but sell them in various stores with unique branding.

Cons of Jamstack eCommerce

Nothing is perfect, not even Jamstack eCommerce sites. There are some unique disadvantages and challenges in using Gatsby or Next in your eCommerce site’s architecture.

Plugins need rebuilding

Most plugins have code that runs on the hosting server and in the user’s browser. Converting to Jamstack eCommerce essentially breaks the connection between the two codebases and breaks a lot of plugins.

There’s always a way around these issues, but it typically involves finding a new third-party service that does the same job as the plugin and building a custom solution to incorporate it into your site.

We list this downside at the top because many established eCommerce brands have come to rely heavily on their suite of plugins.

Build time

Gatsby and Next.js pre-render all the website assets (HTML, CSS, JavaScript) to be served statically. There’s no server involved, but this means that a new build must occur anytime a change is made to the site’s content or product catalogue.

If your site runs thousands of constantly changing products, the build time can be an issue. Luckily, solutions have hit the market to these problems and they’re only getting better as time goes on.

Incremental builds ensure that only the part of the modified site is rebuilt, cutting the build time significantly. However, there’s still a delay between publishing changes are seeing the output.

More moving pieces

Operating more moving pieces means more things that can go wrong and more systems to master.

Jamstack eCommerce platforms will typically use an eCommerce backend, a content management system and a handful of third party systems to achieve specific requirements like analytics.

High implementation costs

Jamstack eCommerce platforms aren’t cheap to build. They require expert JavaScript knowledge and complex integrations.

On average, you can expect upwards of 400 development hours to create a medium-sized Jamstack eCommerce site. Considering the average agency rate in North America, Australia, and Western Europe is over $100 an hour, you can figure out the total expense.

Split testing

Static site generators like Gatsby and Next.js operation is incompatible with popular split testing platforms like Google Optimize and VWO. Next.js does provide some workarounds to generate content on the server, but it comes at the cost of speed and performance.

Netlify has recently launched a split testing feature for Jamstack websites that seems promising, but it’s still early days.

Jamstack eCommerce Solutions

Now that you’ve got a handle on the pros and cons, let’s take a look at the eCommerce solutions that play nicely with the Jamstack.

This list is ranked based on the available features, community support, and product maturity.

As a spoiler, the top two platforms are BigCommerce and Shopify. If you’re interested in seeing how they compare, we wrote an article comparing Headless Shopify with Headless BigCommerce that is worth reading.

  1. BigCommerce

BigCommerce Homepage Screenshot

BigCommerce has done a lot of work to make their service integrate seamlessly with the Jamstack. While we would probably rate Shopify a little higher in terms of user experience, especially around the partner portal and administrative user interface, it’s hard to deny that BigCommerce is a better headless platform.

The BigCommerce API is well documented and complete. There are no payment gates that prevent certain features from being used. This stands in direct comparison with Shopify.

BigCommerce has also been actively developing headless extensions for their platform, including a WordPress plugin, next.js app, Gatsby starter site, and a handful of other helpful guides, integrations, and resources.

If you were planning to use WordPress in your Jamstack eCommerce ecosystem, then BigCommerce is an excellent choice. They’ve done a bunch of the integration work for you.

BigCommerce’s market share is the eCommerce business is relatively small, at around 1%. However, don’t let this scare you. It supports a thriving community that is growing, especially with their recent focus on API driven development.

  1. Shopify (Plus)

Shopify homepage screenshot

Shopify needs no introduction. Holding around 11% of the global eCommerce market share, Shopify has been hailed as one of the easiest platforms to launch an online retail brand.

Shopify also boasts a mature, well-documented, comprehensive Storefront API to support Jamstack eCommerce.

BigCommerce and Shopify share most of the same features for developing Jamstack eCommerce platforms. The most notable difference is Shopify’s restriction around exposing some features to regular Shopify plans.

The restricted parts of the API are gift cards, staff accounts, and “multipass”. You can unlock these features by upgrading to Shopify Plus ($2,000 / month).

Most stores can get away without API access to gift cards or staff accounts. The multistore is more of a problem. This feature allows user account information (i.e. purchases, settings, account details) to be shared across domains.

Since regular Shopify plans force checkout to happen on Shopify’s domain, and headless stores use their own domain, there’s no way for your headless store to know the user made their purchase successfully. Similarly, there’s no way for Shopify to pre-fill the user’s details if they’ve already created an account on the site.

If your store is already running Shopify Plus or this is the direction you’re planning to go, then Shopify is arguably the best choice on this list.

  1. Shopware

Shopware homepage screenshot

Shopware is a newer platform that advertises itself as an API focused eCommerce engine. It provides access to two distinct APIs; one for customer-facing integrations and another for backend integrations.

Shopware is a perfect choice if you plan to work Vue Storefront into your Jamstack ecosystem since they are official partner technologies and have come together to build an open-source PWA.

Shopware’s pricing is more flexible than BigCommerce or Shopify. They offer a generous free plan, a €199.00 per month plan and a €2,495.00 enterprise plan. Interestingly, they also provide the option of self-hosting and buying the software forever.

If you haven’t already committed to an eCommerce platform, Shopware is an excellent option and integrates perfectly with many Jamstack frameworks.

  1. Saleor

Saleor homepage screenshot

Saleor makes a strong case as a Jamstack eCommerce platform. As an open-source platform, they’ve focused on developer experience and integrating with the most popular frameworks and languages that fall under the Jamstack blanket.

Saleor pushes their platform as multi-channel, multi-currency, multi-lingual and multi-warehouse friendly.

Unlike its competitors, Saleor allows customisation over everything. Don’t like part of the dashboard? No problem! As long as you’re technically fluent, you can modify the entire platform to suit your business better.

Since its open-source, Saleor is free except for paying for hosting. This fact alone could make it a viable option.

  1. Snipcart

Snipcart homepage screenshot

Snipcart is a lightweight solution to adding eCommerce to your Jamstack site. Unlike some of the more robust solutions that we’ve discussed above, Snipcart’s claim to fame is simply adding a cart to any website with a few lines of code.

There are specific use cases where Snipcart is the perfect solution, mainly adding eCommerce functionality to an existing application or website. Since Snipcart is installed with a simple JavaScript snippet, it’s platform agnostic and compatible with any website platform.

While it’s simple to install, Snipcart comes packed with a ton of great features like simple customer dashboards, shipping integrations, abandon cart campaigns, merchant dashboards, invoicing, and just about everything else you would expect from an eCommerce engine.

One tradeoff of Snipcart is the cost. While there’s no fixed price (unless your revenue is less than $629 CAD), they charge a 2% transaction fee. Compared with the 1.4% of Shopify’s pro plan, the fees add up quickly.

  1. Commerce Layer

Commerce Layer homepage screenshot

Commerce Layer follows a similar mission statement to Snipcart, except they’re API focused and position themselves as a service for adding eCommerce to any web, mobile or IoT app.

Commerce Layer is another forward-thinking company that has noticed the trend towards Jamstack technology. They’ve even written a whitepaper on the topic of Jamstack eCommerce.

Commerce Layer is highly customisable and plays nicely with most headless CMSs like Contentful, Sanity, Forestry and Prismic. It’s supported with an official Gatsby plugin.

Pricing for Commerce Layer is a little unique, with a $0.90 charge placed on every order.

You can see Commerce Layer in action on the Chilly’s website.

  1. Crystallize

Crystallize homepage screenshot

Crystallize is a unique take on headless eCommerce. The platform shows similarities to Contentful in its tooling for content and product authoring.

Crystallize differentiates itself with its innovative Project Information Modelling (PIM), which allows custom attributes to be assigned to physical or digital products. They’ve also introduced an idea called “Shapes” which enables custom combinations of rich data into a single component. For example, a product summary, specifications, image grid, reviews, and related products would combine to make a single shape.

Crystallize shapes

Crystallize differs from the other platforms we’ve listed in its tools for creating customisable rich media like blog posts and pages. This content is all hosted on the Crystallize CDN and can be queried via GraphQL which is super handy for Gatsby and Next.js. Plus, not having to pay for another CDN to host content saves some cash!

Honourable mentions

Foxy IO

Foxy.io homepage screenshot

We left Foxy IO off the list because it’s targeted more to drag-and-drop page builders like LeadPages and ClickFunnels. It doesn’t nominate Gatsby or Next.js as official integration platforms.

Foxy IO is installable through a small code snippet, similar to Snipcart, so you can technically plug it into any platform. However, the interface leaves a bit to be desired, and there are better solutions for Jamstack eCommerce.

Recommendations

Now that you’ve seen the list, you probably want to know which platform is the best or best for your situation.

Our recommendation depends on your current situation. If you’re already using one of the platforms we’ve mentioned, such as Shopify or BigCommerce, then stick with that platform and build a Jamstack ecosystem around it. Not migrating your customer and order data to another platform is a strong motivator.

However, if you’re using a platform like Wix, WooCommerce or SquareSpace and want to professionalise your setup, then Saleor or Shopware would be a great fit. BigCommerce and Shopify would also be excellent choices.

If you’re looking to introduce eCommerce functionality to your web application, then Snipcart or Commerce Layer would both be excellent choices.

Finally, if you’re selling a unique product that needs to be displayed in a very particular way, then Crystallize would probably be your best bet.

These rules aren’t hard and fast. There are a decent number of variables to consider before picking your Jamstack eCommerce solution. If you’re uncertain and want some advice, reach out to our team, and we’ll book you in for a quick half-hour call to discuss your best option.

Tim Davidson
Tim Davidson
Tim is the face of the company. When you want to kick off a new project, or an update on your existing project, Tim is your man. With a background in project management, Tim specialises in managing the chaos around the company.

Have an idea you want to discuss?

We’re based in Canberra, Australia and we LOVE working with locals… but we work with clients all around the world.

From the U.S. to the U.K. From Norway to New Zealand. Where there’s a problem to solve, we’ll be there!

More insights from us

Cross Platform App Development: Developing an Application for Maximum Exposure
Development

Cross Platform App Development: Developing an Application for Maximum Exposure

There was a time when developing an app for mobile users meant that you had to develop different applications for iOS…
Tim Davidson
Tim Davidson
12 min read
What's the Difference Between a Web Developer, Website Programmer and Web Designer
Development

What's the Difference Between a Web Developer, Website Programmer and Web Designer

Do you know the difference between a web developer, web programmer and web designer? Most people use those words…
Tim Davidson
Tim Davidson
6 min read
Make (formally Integromat) vs. Zapier: A Comprehensive Comparison
Productivity

Make (formally Integromat) vs. Zapier: A Comprehensive Comparison

Make (formally Integromat) and Zapier are two of the most popular integrative tools on the web. Both boast a large user…
Tim Davidson
Tim Davidson
13 min read