Sanity Kit
A collection of studio plugins, fields, and components to boost your Sanity studio.
Tinloof
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 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.
Alex Canessa
Sanity Iconify
Icon picker with over 150,000 open source vector icons
Wannes Salomé
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
Remove.bg Asset Source
Allows you to use the remove.bg api from the studio to remove the background from your images
Rein Undheim
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
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
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
10 E-commerce Resources guides
GROQ: How to apply filters to array of references
Learn how to apply filter to an array of reference. This guide will go over an example with Shopify Connect and custom collections.
This is an external link at:www.pol.tf
Go to GROQ: How to apply filters to array of referencesHow we build fast Shopify stores
We explain how we leverage Sanity to power fast Shopify stores.
This is an external link at:tinloof.com
Tinloof
10 Shopify SEO best practices with Sanity and Remix
We go over different SEO elements that make Shopify stores we build at Tinloof rank on search engines.
This is an external link at:tinloof.com
Tinloof
Translating Shopify stores with Sanity
We create an optimized translation workflow that combines Shopify and Sanity
This is an external link at:tinloof.com
Tinloof
SUSAM: Integrate Sanity asset management with Shopify
SUSAM integrates Sanity asset management with Shopify.
Sogody
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
69 E-commerce Resources projects made with Sanity
Jennifer Fisher
Featured contribution
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
Apothékary
Featured contribution
Complete redesign + rebuild made with Shopify Hydrogen + Sanity
Dylan McGowan
The Agnes
Featured contribution
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
ZETR
Creation of a scalable platform to support business growth, increase ZETR’s internal team’s efficiency by automating key functionality, drive leads through improved UX, and deliver a modern brand experience aligned with the product experience.
Nightjar
Iessi
Multi-lingual Aperitif e-commerce experience
Oliver Buckley
D.S. & Durga
Brooklyn based avant-garde perfumery, founded by husband-and-wife team David (D.S.) and Kavi (Durga)
Ian Hatcher-Williams
7 E-commerce Resources schemas
Estimated reading time
Content estimated reading time component in TypeScript.
Juan Muñoz
Variant Generator Custom Input Component for Products with Options
Variant Generator for Products with Options
Alex Nelson
Sanity groq Filter by item in an array
This snippet will return only matched item in a sub array inside a document
Surjith S M
Advanced Numeric Input
Parse, format and mask numeric values with ease
Go to Advanced Numeric InputGROQ Reference Lookup + Add & Replace
Run GROQ queries in the studio to populate an array module.
Kevin Green
E-commerce alert banner schemas and GROQ query
Bryan Robinson
GROQ query to find all the different categories of products
Mohammed Hussam Khatib
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.