E-commerce is an increasingly vital domain of web development. Thankfully, Sanity makes e-commerce content management a breeze. Check out these plugins, starters, guides, and example e-commerce resources for use in your latest web development project. Get inspired by our community projects, learn how to integrate Sanity with the latest product solutions, or get rolling with a one-click starter right away. With Sanity's developer-friendly approach, rich product data can be created and served directly from Sanity, right alongside your blog content and marketing copy, and cutting-edge e-commerce is simpler than ever before.

E-commerce resources for your Sanity-backed site. Build products with enriched, structured content for use in frameworks such as Gatsby, Eleventy, or NextJS.

E-commerce Resources

Tinloof

We create an optimized translation workflow that combines Shopify and Sanity

Translating Shopify stores with Sanity

Sogody

SUSAM integrates Sanity asset management with Shopify.

SUSAM: Integrate Sanity asset management with Shopify

Sean H

Deep Link to your Sanity Content easily with this Branch.io plugin

Universal Links in Sanity.io

Kevin Green

Organize your content in a way to easily stage core components like home, navigations, and other global modules

Crafting a Theme Engine

Joe Holmes

In this tutorial, we'll make a no-frills "merch store" for a personal blog using the Stripe API, Next.js, and Sanity. We'll leverage Stripe's fantastic checkout platform to redirect our customers to Stripe's servers for their checkout process.

Build an e-commerce site with the Stripe API

Ronald Aveling

Knut Melvær

How to work through tricky content questions and build structures that will stand the test of time. 

Deciding on fields and relationships

Nikita Kakuev

Pair your headless content with headless commerce! Select your Commerce.js products directly from Sanity Studio.

Custom Commerce.js input field for Sanity.io

Surjith S M

This snippet will return only matched item in a sub array inside a document

Sanity groq Filter by item in an array

Fabien Franzen

Parse, format and mask numeric values with ease

Advanced Numeric Input

Run GROQ queries in the studio to populate an array module.

GROQ Reference Lookup + Add & Replace

Bryan Robinson

E-commerce alert banner schemas and GROQ query

Mohammed Hussam Khatib

GROQ query to find all the different categories of products

David Gross

A high end rental real estate site built with Gatsby, Sanity and Shopify that pulls in listing data via API and includes a headless Shopify shop.

The Agnes

Stephane Legay

OCEG Web Site

Daniel J. Mierzwinski

Print shop connected to Shopify (w. HULL)

Paper Collective — E-commerce store

Complete rebuild of the site on Hydrogen + Sanity. The new experience offers extensive modularity, scheduling, custom product bundling and various editorial options for clps. 

Baboon to the Moon

Ecommerce built with Shopify, Sanity, and Remix.

Tinloof Store

Allan Pooley

New Zealand Corneotherapy Institute

Jabed Zaman

A starter template for a portfolio with blog feature

Portfolio-Blog Template

Aaron Cohen

Culinary ice cream inspired by international cuisine.

Marco Ice Cream

E-commerce & serialized content for the future of allergy care

Nectar

An ecosystem that empowers people to travel more consciously. Powered by a global community. Connecting cultures worldwide.

Trippin

Rein Undheim

Allows you to use the remove.bg api from the studio to remove the background from your images

Remove.bg Asset Source

Susam integrates Sanity asset management with Shopify. As soon as you install it, you will be able to fully utilise Shopify content distribution from your Sanity environment.

SUSAM

Jacob Størdahl

A dashboard widget for viewing top sellers from Snipcart. This plugin is a part of the Steel headless commerce sudo framework.

Snipcart Best Sellers

A dashboard widget for displaying recent orders from Snipcart. This plugin is a part of the Steel headless commerce sudo framework.