Dynamic & flat-file CMS integrations
This blog category is filled with tutorials on how to add a customizable layer of e-commerce to many CMS. You'll find actionable steps, code samples, and GitHub repos to integrate Snipcart's shopping cart on top of popular CMS like WordPress, along with flat-file CMS like Kirby CMS. If you'd like us to craft a tutorial for a specific platform, use the form on our Community & Integrations page!
Headless CMS Personalization for E-Commerce With LexasCMS
Learn how to use LexasCMS headless CMS to personalize parts of your Jamstack e-commerce site. Tutorial and GitHub repo included!
Statamic Headless Tied to a Gatsby Blog [Tutorial & Live Demo]
Statamic headless + Gatsby. How great does that sound as a stack for your next blog? Read this tutorial to achieve this in a few steps.
Introducing TinaCMS: Inline Content Editing for React
TinaCMS is a powerful editing toolkit for React-based apps. With this tutorial, learn how to integrate the CMS to Next.js and leverage its main features.
Getting Started with WordPress Static Site Generators
WordPress & Jamstack can be united to surprising results. Read this complete guide to getting started with WordPress static site generators!
Stackbit: Friendly Jamstack Websites & CMS Management
Jamstack websites are performant but tricky to manage, even with a headless CMS. Learn how Stackbit helps with on-page editing and previews!
How to Use WordPress with React to Build a Modern Web App
Combining WordPress and React is a powerful way to build web applications. Read this intro to the WP REST API and step-by-step tutorial for a neat React app with WordPress as a backend.
Shopify Buy Button vs. Snipcart: The Good, The Bad, & The Awesome
Snipcart vs Shopify Buy Button review: read this post to compare pricing, features and key differences between both e-commerce platforms.
A Ghost Demo: How to Go Headless with Ghost CMS [Tutorial]
Our Ghost demo shows you how to use Ghost’s headless features to build a weekly newsletter so your readers will get the freshest content. Checkout the tutorial!
Hands on with Publii, a Free Static CMS Generating HTML Sites
Meet Publii, an open-source, static CMS & HTML site generator. Included: key features overview + A-Z tutorial on publishing a live site with Publii & Netlify [demo included].
Build a Vue.js SPA on Top of Headless WordPress
WordPress & Vue—united in an all-powerful stack thanks to WP REST API. Learn how to use WordPress as a headless CMS feeding a Vue.js SPA. Live demo & GitHub repo included!
Craft CMS E-Commerce: Why and How I Built a Snipcart Plugin
Learn why—and how—Matt Stein built a Craft CMS e-commerce plugin with Snipcart. This post exposes his process, code snippets, and his thoughts on Craft Commerce and the CMS’ ecosystem.
The Easiest Way to Get an E-Commerce Site Running in Umbraco
When it comes to Umbraco e-commerce solutions, Merch by uSkinned is a no brainer. Read about how they came up with this superb shop theme & how to set it up in minutes!
How to Leverage GraphQL with a Headless CMS [Takeshape Tutorial]
More & more headless CMS are adopting GraphQL as a built-in feature. Learn why they are made for each other and how GraphQL brings tools like Takeshape to the next level.
Ruby on Rails E-Commerce in 2019! Demo Included
Why should you be using Ruby on Rails for e-commerce? Answers inside that piece, complete with a shop tutorial on top of Refinery CMS. Code snippets, repo, and demo included!
A Guide to Golang E-Commerce (w/ Go-Powered CMS Tutorial)
Explore the Golang ecosystem and its e-commerce capabilities. Then, try our demo on Go-powered CMS Ponzu, and learn to craft a great shopping experience yourself!
E-Commerce for Django Developers (with Wagtail Tutorial)
Why you should use Django for e-commerce and the different tools available to do so. Bonus: a full Wagtail tutorial for a lean, mean e-commerce set up! Live demo & code repo included.
Creating a Static E-Commerce Website with Snipcart, GatsbyJS and DatoCMS
A step by step guide to create a static e-commerce website using Snipcart on a Gatsby and DatoCMS project.
Drupal Headless with React-Like Framework [Live Demo]
Read this introduction to Drupal headless architecture to know more about the benefits of decoupled CMS. We also get technical, with a live demo of Drupal as the backend for a small e-commerce app powered by the React-like frontend framework that is Inferno.js.
Grav as Headless CMS Tied to Gatsby with GraphQL Schema
In this tutorial, we use Gatsby for React-powered static site generation with GraphQL schema to pull data from a headless CMS. The backend is handled by Grav CMS used solely for content management, as a decoupled CMS. React & GraphQL is a powerful combination for the frontend.
A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack
Read this Cockpit CMS & Nuxt.js tutorial to learn how to bundle a full JAMstack project. Headless CMS + static app generation with a powerful Vue.js framework.