✨Discover storytelling in the AI age with Pixar's Matthew Luhn at Sanity Connect, May 8th—register now

E-commerce Resources

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

8 E-commerce Resources tools

Sanity Kit

A collection of studio plugins, fields, and components to boost your Sanity studio.

Tinloof
Go to Sanity Kit

Sanity Commerce

Sanity Commerce by Commerce Layer allows you to spin up a product catalog directly into Sanity Studio, allowing seamless management of product catalogs with headless commerce capabilities, such as Commerce Layer.

Go to Sanity Commerce

Sanity Iconify

Icon picker with over 150,000 open source vector icons

Wannes Salomé
Go to Sanity Iconify

Sanity Lighthouse

The Sanity Lighthouse Plugin seamlessly integrates Google PageSpeed Insights into your SanityCMS workflow, providing comprehensive performance analysis. Generate reports, monitor performance, and optimize your website for faster load times and improved user experience, all within your existing development process. It's a developer-friendly tool that streamlines performance testing and optimization for your SanityCMS-powered website.

Halo lab
Go to Sanity Lighthouse

Remove.bg Asset Source

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

Rein Undheim
Go to Remove.bg Asset Source

SUSAM

Studio v2

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.

Sogody
Go to SUSAM

Snipcart Best Sellers

Studio v2

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

Jacob Størdahl
Go to Snipcart Best Sellers

Snipcart Orders

Studio v2

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

Jacob Størdahl
Go to Snipcart Orders

9 E-commerce Resources guides

Universal Links in Sanity.io

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

This is an external link at:seansy.medium.com
Sean H
Go to Universal Links in Sanity.io

Crafting a Theme Engine

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

Kevin Green
Go to Crafting a Theme Engine

Build an e-commerce site with the Stripe API

Studio v2

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.

Joe Holmes
Go to Build an e-commerce site with the Stripe API

Custom Commerce.js input field for Sanity.io

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

This is an external link at:commercejs.com
Nikita Kakuev
Go to Custom Commerce.js input field for Sanity.io

61 E-commerce Resources projects made with Sanity

View all

Jennifer Fisher

We helped Jennifer Fisher, a Shopify Plus jewelry and lifestyle brand, double their conversion rate by building a fast and fully self-managed online store.

Tinloof
Go to Jennifer Fisher

Apothékary

Complete redesign + rebuild made with Shopify Hydrogen + Sanity

Dylan McGowan
Go to Apothékary

The Agnes

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.

David Gross
Go to The Agnes

Naix Jewelry

Imperfection is the perfection to a beautiful perspective. Elevate your style with our exquisite pearl jewelry collection.

Xian
Go to Naix Jewelry

6 E-commerce Resources schemas

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.

Other contribution categories