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.

2 E-commerce Resources tools

Snipcart Best Sellers

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

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

4 E-commerce Resources starters

HULL

Headless Shopify starter powered by Next.js + Sanity.io

Nick DiMatteo
Go to HULL

Lifestyled: Editorial and E-Commerce

Official(made by Sanity team)

A lifestyle blog with editorial material and e-commerce functionality. Built with BigCommerce, Next.js and Sanity.

Carolina Gonzalez
Go to Lifestyled: Editorial and E-Commerce

Commerce Layer Starter

A multi-country ecommerce starter built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.

Go to Commerce Layer Starter

Next.js Ecommerce Starter

Official(made by Sanity team)

An e-commerce starter that features a studio with a simple Next.js frontend. This starter uses the Next.js toolkit for Sanity.io.

Go to Next.js Ecommerce Starter

5 E-commerce Resources guides

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

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

18 E-commerce Resources projects made with Sanity

View all

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

Baggu

A Shopify Multi-Site flowing into a single Sanity instance and back out into 2 unique frontend experiences.

Kevin Green
Go to Baggu

Allkinds

Craft a unique online experience that is reflective of the fun and uniqueness of this child focused reusable, compostable, refillable brand.

Kevin Green
Go to Allkinds

OEM

Headless eCommerce experience for a new kind of healthcare company.

Thomas Kim
Go to OEM

Blueland
- has 6 likes

Redesign & headless build for Blueland, a revolutionary cleaning brand on a mission to end single-use plastic 🧼

Mike Wagz
Go to Blueland

5 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.

Choose a starter
OR install Sanity with:
λ npm install -g @sanity/cli
λ sanity init

Other contribution categories