Ecommerce platform for Sanity CMS
Commerce Layer is the fastest, most flexible, developer-friendly commerce platform to use with Sanity CMS. Schedule some time with our developer team and we'll build a Commerce Layer + Sanity website with you.
The same philosophy at the core
Sanity’s developer-first philosophy aligns closely with Commerce Layer. Both platforms strive to offer the most flexible, unopinionated solutions designed with developers in mind. Sanity introduces a blank canvas through its Studio code editor, enabling developers to model content freely. Similarly, Commerce Layer offers a core API that supports comprehensive CRUD operations, allowing you to manipulate commerce data to fit your exact requirements.
Why Sanity and Commerce Layer work so well together?
- Sanity lets you build a product catalog in seconds
Commerce Layer focuses on commerce-specific functionality and does not provide a product catalog. Sanity Studio fills the gap by allowing the creation of a content model that can include a detailed product catalog. This complementary capability makes Sanity and Commerce Layer an ideal partnership for developing a bespoke headless commerce site. - Separating content and commerce data
Commerce Layer specializes in handling transactional data such as pricing, subscriptions, promotions, order management, and inventory. Sanity excels at managing content data. This is the cleanest separation of concerns imaginable. - Headless at the core
Both platforms are built with an API-first principle, facilitating seamless data integration across any frontend. Sanity's webhook technology enables automatic site updates through continuous integration whenever content is modified. Concurrently, the Commerce Layer API ensures your commerce data is displayed in near real-time, reflecting the latest prices, stock levels, and promotions. - Developer ethos
Sanity's approach augments traditional UIs with a code editor, underscoring its developer-centric ethos. Commerce Layer also offers tools that empower developers to produce potent and efficient code.
Read our step by step guide to build a functioning store, using Commerce Layer demo store and Sanity’s Code Editor to model a product catalog in the CMS.
Explore how you can build a multi-country ecommerce store built with Sanity Studio, Commerce Layer, Next.js, and deployed to Netlify.
Learn why and how to create a data model for your product catalog with best-in-class CMSs Contentful, Contentstack, and Sanity.
Get started with Commerce Layer and Sanity in 10 steps
Commerce Layer + Sanity is a powerful stack for multi-channel ecommerce. The combination of these two platforms unites content delivery and commerce functionality for any channel including web, mobile apps, voice assistants, in-store devices, and more.
- Sign up with Sanity.
- Utilize the Sanity Commerce plugin by Commerce Layer to quickly create your product catalog model.
- Model your content using Sanity Studio. Sanity provides comprehensive documentation to build the content model that works for you.
- Populate Sanity with your products and enrich them with content.
- Sign up for Commerce Layer and configure your products, adding commerce details like prices and promotions. Products are identified across both platforms with the SKU code.
- Choose your frontend technology.
- Use Sanity’s API to fetch the product content from the CMS in different parts of your website, for example the product page.
- Use Commerce Layer’s API or React components to fetch commerce information, using the SKU code from the CMS. You can also add “AddToCart” buttons and other components of the commerce journey.
- After fetching the content, use your frontend technology to render it on the webpage.
- Deploy your website to your chosen hosting platform.