CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="initial-scale=1.0, width=device-width" data-next-head=""/><title data-next-head="">What Is Headless Commerce? From Beginner to Expert</title><link rel="canonical" href="https://www.sanity.io/headless-commerce" data-next-head=""/><meta name="robots" content="max-image-preview:large" data-next-head=""/><meta name="description" content="Learn why leading brands are going headless and how it enables personalized, flexible, and agile shopping experiences." data-next-head=""/><meta property="og:description" content="Learn why leading brands are going headless and how it enables personalized, flexible, and agile shopping experiences." data-next-head=""/><meta property="og:type" content="article" data-next-head=""/><meta property="og:image" content="https://cdn.sanity.io/images/3do82whm/next/95aac1221750329bce75eb37f981c78227c8e96a-1204x630.png?rect=2,0,1200,630&w=1200&h=630&fit=max&auto=format" data-next-head=""/><meta property="og:url" content="https://www.sanity.io/headless-commerce" data-next-head=""/><meta property="og:site_name" content="Sanity.io" data-next-head=""/><meta property="og:title" content="What Is Headless Commerce? From Beginner to Expert" data-next-head=""/><link rel="search" type="application/opensearchdescription+xml" title="Sanity.io" href="/opensearch.xml" data-next-head=""/><meta name="environment" content="production" class="jsx-2714c7d3fb32772"/><link rel="preconnect" href="https://cdn.sanity.io" class="jsx-2714c7d3fb32772"/><link rel="preconnect" href="https://3do82whm.apicdn.sanity.io" class="jsx-2714c7d3fb32772"/><meta name="google-site-verification" content="RjrkDVDuEpQIbe4iNq9LjZKuvTwlJCADdY1jZNjuItY" class="jsx-2714c7d3fb32772"/><meta name="google-site-verification" content="6axnRgH1VVzoyqB3J4uGuOQ98xzHBmAIEaHKWdVCBXg" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="57x57" href="/static/images/favicons/apple-icon-57x57.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="60x60" href="/static/images/favicons/apple-icon-60x60.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="72x72" href="/static/images/favicons/apple-icon-72x72.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="76x76" href="/static/images/favicons/apple-icon-76x76.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="114x114" href="/static/images/favicons/apple-icon-114x114.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="120x120" href="/static/images/favicons/apple-icon-120x120.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="144x144" href="/static/images/favicons/apple-icon-144x144.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="152x152" href="/static/images/favicons/apple-icon-152x152.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicons/apple-icon-180x180.png" class="jsx-2714c7d3fb32772"/><link rel="mask-icon" href="/static/images/favicons/safari-pinned-tab.svg" color="black" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="192x192" href="/static/images/favicons/android-icon-192x192.png" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="96x96" href="/static/images/favicons/favicon-96x96.png" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicons/favicon-32x32.png" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicons/favicon-16x16.png" class="jsx-2714c7d3fb32772"/><meta name="msapplication-TileColor" content="#ffffff" class="jsx-2714c7d3fb32772"/><meta name="msapplication-TileImage" content="/static/images/favicons/mstile-144x144.png" class="jsx-2714c7d3fb32772"/><meta name="twitter:card" content="summary_large_image" class="jsx-2714c7d3fb32772"/><meta name="twitter:site" content="@sanity_io" class="jsx-2714c7d3fb32772"/><meta name="theme-color" content="#ffffff" class="jsx-2714c7d3fb32772"/><link rel="preload" href="/_next/static/media/01c57da814b41df8-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/5ef93f5e07bf2f1e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/c2aec037506091d0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/3036f1aeef04bc43.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" as="style"/><link rel="preload" href="/_next/static/css/a312de86f8ed5033.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" as="style"/><link rel="preload" href="/_next/static/css/5291b96a95cdff25.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" as="style"/><link rel="preload" href="/_next/static/css/e4125f731afe3bd5.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" as="style"/><link rel="preload" href="/_next/static/css/5d115650cc930475.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" as="style"/><script type="application/ld+json" data-next-head="">{"@context":"http://schema.org","@type":"Article","headline":"What Is Headless Commerce? From Beginner to Expert","articleSection":"Composable commerce","image":["https://cdn.sanity.io/images/3do82whm/next/95aac1221750329bce75eb37f981c78227c8e96a-1204x630.png?rect=287,0,630,630&w=250&h=250&fit=min&auto=format","https://cdn.sanity.io/images/3do82whm/next/95aac1221750329bce75eb37f981c78227c8e96a-1204x630.png?rect=182,0,840,630&w=400&h=300&fit=min&auto=format","https://cdn.sanity.io/images/3do82whm/next/95aac1221750329bce75eb37f981c78227c8e96a-1204x630.png?rect=42,0,1120,630&w=1600&h=900&fit=min&auto=format"],"datePublished":"2023-04-27T12:52:49.093Z","dateUpdated":"2023-11-01T15:15:00.000Z","author":[{"@type":"Person","name":"Tom Smith","jobTitle":"Principal Solutions Architect at Sanity","url":"https://www.sanity.io/exchange/community/tom-smith","image":"https://cdn.sanity.io/images/3do82whm/next/2522aaab8ee6c13916d8e1e02182f3c528e9a388-800x800.jpg?fit=max&auto=format"}],"publisher":{"@type":"Organization","@id":"https://www.sanity.io#organization","name":"Sanity","alternateName":["Sanity.io","Sanity CMS","Sanity io"],"description":"Headless CMS","url":"https://www.sanity.io","logo":"https://www.sanity.io/static/images/logo_rounded_square.png","foundingDate":"1995","foundingLocation":{"@type":"Place","address":{"@type":"PostalAddress","addressLocality":"Oslo","addressCountry":"Norway"}},"location":[{"@type":"Place","address":{"@type":"PostalAddress","streetAddress":"Trondheimsveien","postalCode":"0560","addressLocality":"Oslo","addressCountry":"Norway"}},{"@type":"Place","address":{"@type":"PostalAddress","streetAddress":"695 Minna St","postalCode":"CA 94103","addressLocality":"San Francisco","addressCountry":"United States"}}],"sameAs":["https://www.facebook.com/sanityapi","https://github.com/sanity-io","https://twitter.com/sanity_io","https://www.linkedin.com/company/sanity-io","https://www.youtube.com/channel/UCGz69JwGRptteFAaX8hSKCQ","https://www.wikidata.org/wiki/Q56242360"],"contactPoint":[{"@type":"ContactPoint","url":"https://slack.sanity.io","email":"support@sanity.io","contactType":"customer service"},{"@type":"ContactPoint","url":"https://www.sanity.io/contact/sales","contactType":"Sales","email":"sales@sanity.io"}]}}</script><script type="application/ld+json" data-next-head="">{"@context":"http://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is headless commerce?","acceptedAnswer":{"@type":"Answer","text":"Headless commerce separates the front end of an ecommerce app from the back end. In other words, it separates presentation from business logic."}},{"@type":"Question","name":"What’s the difference between headless and traditional commerce?","acceptedAnswer":{"@type":"Answer","text":"Traditional ecommerce platforms are monolithic. That means the content is coupled to a particular output like a web page. The place where the content is stored, the “body,” is tightly linked to the place where it’s presented, the “head.”"}}]}</script><script type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Resources","item":"https://www.sanity.io/resources/"},{"@type":"ListItem","position":2,"name":"Composable commerce","item":"https://www.sanity.io/resources/e-commerce-strategy"},{"@type":"ListItem","position":3,"name":"What Is Headless Commerce? From Beginner to Expert","item":"https://www.sanity.io/headless-commerce"}]}</script><link rel="stylesheet" href="/static/styles/cookie-banner.css" class="jsx-2714c7d3fb32772"/><script id="gtag" data-nscript="beforeInteractive">window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", wait_for_update: 500, }); gtag("set", "ads_data_redaction", true); </script><script id="osano" data-nscript="beforeInteractive"> ;(function(w,o,d){w[o]=w[o]||function(){w[o][d].push(arguments)};w[o][d]=w[o][d]||[]})(window,'Osano','data'); window.Osano('onInitialized', () => document.getElementsByClassName('osano-cm-window')[0].style.display = 'none'); </script><link rel="stylesheet" href="/_next/static/css/3036f1aeef04bc43.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" data-n-g=""/><link rel="stylesheet" href="/_next/static/css/a312de86f8ed5033.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" data-n-p=""/><link rel="stylesheet" href="/_next/static/css/5291b96a95cdff25.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" data-n-p=""/><link rel="stylesheet" href="/_next/static/css/e4125f731afe3bd5.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" data-n-p=""/><link rel="stylesheet" href="/_next/static/css/5d115650cc930475.css?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ"/><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ"></script><script src="/cookie-banner.js" defer="" data-nscript="beforeInteractive"></script><script defer="" src="/_next/static/chunks/79617-cecda3c31afe346b.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ"></script><script defer="" src="/_next/static/chunks/92866-fa745f8bdaece573.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ"></script><script defer="" src="/_next/static/chunks/46200.3cf1db8a6ec85947.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ"></script><script src="/_next/static/chunks/webpack-e3c23c08d863b337.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/framework-9b6bacf6501e25f3.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/main-b0f317de2456cb61.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/pages/_app-e7df729dd3f9d70d.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/4209309c-98c232e7e49b785c.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/b4e2c0d6-c167ecb1f334df03.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/47038-68c7e96d19cb9d6b.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/36533-1e462b69f3a44757.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/73440-6e6ec4b361efb3a7.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/57468-55e485b18fc1e837.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/39861-84cab3f2e60442a5.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/46894-de9172caa0c9bbed.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/29944-965e65cc55cf6246.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/76050-fe7137831d62624f.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/85433-377ceb0c908fd270.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/3511-1e734656ffc0c0cf.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/51855-00fe42d8498d940c.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/59405-ceb6bee5086e1245.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/62775-d746d9dccd8d577b.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/97074-542e782483680943.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/68958-6071e4b202e22c79.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/73667-e59a9310bb746a75.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/51576-0091b8cbb20df1f3.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/chunks/pages/%5Bslug%5D-5a3ea25cbf5dd2b1.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/kUPGUAVW19H-tv6FSKnNv/_buildManifest.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script><script src="/_next/static/kUPGUAVW19H-tv6FSKnNv/_ssgManifest.js?dpl=dpl_EfS27qKFPXCex9fwiYMUDtKTZViQ" defer=""></script></head><body><div id="__next"><script>!function(){var d=document.documentElement,n='data-theme',s='setAttribute';d.style.colorScheme = 'light';d[s](n,'light')}()</script><div id="sanity-io-container" class="__variable_b1c180 __variable_704ecf __variable_115f82 sanity-io-container sticky-navbar" data-announcement-banner="true"><div class="SkipToContent_skipToContent__gxXR4"><a class="SkipToContent_skipToContentLink__S33ZI shared_primaryButton__JzTUh shared_button__GdPAZ shared_baseButton__3OPoI shared_hairline2__qAj6m shared_resetButton__jHRBh shared_box__eqBFk shared_borderRadius__O_jrc shared_focusOutlineOutside__RZab5" href="#mainContentBlock">Skip to content</a></div><a class="AnnouncementBanner_root__FazP5" href="https://www.sanity.io/events/developer-deep-dive-launch?ref=banner">Unlock seamless workflows and faster delivery with our latest releases - Join the deep dive <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></a><header class="Navbar_root__7EAPN Navbar_stickyTop__5KBJ8" role="navigation" aria-label="Navigation bar" data-open="false"><div class="Navbar_navContainer__351h_"><a class="LogoMenu_logoLink__AmrSm" type="button" id="radix-:R1b6sm:" aria-haspopup="menu" aria-expanded="false" data-state="closed" href="/"><svg viewBox="0 0 105 22" xmlns="http://www.w3.org/2000/svg" height="1em" fill="none"><title>Sanity</title><path opacity="0.7" d="M78.1793 7.99261V21.0028H73.9031V10.2138L78.1793 7.99261Z" fill="currentColor"></path><path opacity="0.7" d="M20.9511 21.33L30.944 16.1051L29.7121 12.9141L23.1332 15.9821L20.9511 21.33Z" fill="currentColor"></path><path opacity="0.5" d="M73.9031 10.2027L84.7443 4.65477L82.9126 1.5571L73.9031 5.95997V10.2027Z" fill="currentColor"></path><path opacity="0.7" d="M43.3705 6.96233V21.0028H39.2927V1.00714L43.3705 6.96233Z" fill="currentColor"></path><path opacity="0.5" d="M27.1299 6.18617L20.9511 21.33L17.7731 18.5943L25.1353 1.00714L27.1299 6.18617Z" fill="currentColor"></path><path d="M25.1353 1.00714H29.3477L37.1386 21.0028H32.8269L25.1353 1.00714Z" fill="currentColor"></path><path d="M44.0012 1.00714L52.9824 14.6682V21.0028L39.2927 1.00714H44.0012Z" fill="currentColor"></path><path d="M64.9183 1.00714H60.6739V21.0063H64.9183V1.00714Z" fill="currentColor"></path><path d="M73.9031 4.65474H67.37V1.00714H82.5867L84.7443 4.65474H78.1793H73.9031Z" fill="currentColor"></path><path opacity="0.5" d="M97.2754 13.4153V21.0028H93.0629V13.4153" fill="currentColor"></path><path d="M93.0629 13.4152L100.191 1.00714H104.666L97.2754 13.4152H93.0629Z" fill="currentColor"></path><path opacity="0.7" d="M93.063 13.4152L85.7363 1.00714H90.3456L95.3092 9.51008L93.063 13.4152Z" fill="currentColor"></path><path d="M1.96126 3.31479C1.96126 6.09921 3.71145 7.75595 7.21536 8.62956L10.9283 9.47533C14.2444 10.2236 16.2639 12.0822 16.2639 15.1103C16.2897 16.4295 15.8531 17.7173 15.0274 18.7579C15.0274 15.7368 13.4367 14.1044 9.59972 13.1229L5.95409 12.3085C3.03475 11.6541 0.781478 10.1262 0.781478 6.83709C0.766123 5.56693 1.18116 4.32781 1.96126 3.31479" fill="currentColor"></path><path opacity="0.7" d="M52.9824 13.6415V1.00714H57.0602V21.0028H52.9824V13.6415Z" fill="currentColor"></path><path opacity="0.7" d="M12.7458 14.3689C14.3294 15.3643 15.0238 16.7565 15.0238 18.7544C13.713 20.4041 11.4101 21.33 8.70333 21.33C4.14718 21.33 0.958577 19.1268 0.25 15.2982H4.62547C5.18878 17.0559 6.68034 17.8703 8.67144 17.8703C11.1019 17.8703 12.7174 16.5964 12.7493 14.3619" fill="currentColor"></path><path opacity="0.7" d="M4.23567 7.44267C3.5125 7.02045 2.9192 6.41375 2.51873 5.68697C2.11827 4.96019 1.92558 4.14045 1.96113 3.31476C3.22594 1.67891 5.42608 0.679993 8.10804 0.679993C12.7492 0.679993 15.4347 3.08852 16.0972 6.47856H11.8883C11.4242 5.14203 10.2621 4.10136 8.14347 4.10136C5.87957 4.10136 4.33487 5.39611 4.24629 7.44267" fill="currentColor"></path></svg></a><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="Navbar_desktopNav__H6xsC"><div style="position:relative"><ul data-orientation="horizontal" class="Navbar_menuList__X4ez5" dir="ltr"><li><ul class="Navbar_menu__en5J6 shared_resetList__sPSb0 shared_reset__i9XcS"><li><button id="radix-:R2b6sm:-trigger-radix-:Raqb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:Raqb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Product<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:Raqb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:Raqb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Platform</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/studio"><div><div class="MenuItem_title__JSr_6">Sanity Studio </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Flexible editing environment</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/developer-experience"><div><div class="MenuItem_title__JSr_6">APIs </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Connect to anything</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/content-lake"><div><div class="MenuItem_title__JSr_6">Content Lake </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Fully decoupled back end</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/create?ref=navbar"><div><div class="MenuItem_title__JSr_6">Sanity Create </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Better writing experience</p></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/demos/studio?ref=navbar"><div><div class="MenuItem_title__JSr_6">Try product demo <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Features</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/collaboration"><div><div class="MenuItem_title__JSr_6">Real-time collaboration </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Fearlessly work with content</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/docs/how-queries-work"><div><div class="MenuItem_title__JSr_6">Precise content querying </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Treat content as data with GROQ</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/localization"><div><div class="MenuItem_title__JSr_6">Localization </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Coherent messaging across territories</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/ai-assist"><div><div class="MenuItem_title__JSr_6">AI Assist </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Built-in AI assistant</p></div></a></div></div></div></div></li><li><button id="radix-:R2b6sm:-trigger-radix-:Riqb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:Riqb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Solutions<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:Riqb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:Riqb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Use cases</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/solution/e-commerce"><div><div class="MenuItem_title__JSr_6">E-commerce </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Richer shopping experiences</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/marketing"><div><div class="MenuItem_title__JSr_6">Marketing sites </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Control your story</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/products-services"><div><div class="MenuItem_title__JSr_6">Products & services </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Innovate and automate</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/mobile-apps"><div><div class="MenuItem_title__JSr_6">Mobile apps </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Content backend for every OS</p></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solutions"><div><div class="MenuItem_title__JSr_6">View all <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Integrations</h2><div class="MenuSection_sectionGrid__YD2Ox shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/shopify"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:0.8776041666666666"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:113.94658753709199%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/9bf6b9c4709e49f6f4bf095dc0e41224fd175027-337x384.svg?h=23&fit=max&auto=format" alt="Shopify icon" loading="lazy" width="20" height="23" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Shopify </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/mux"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:3.090909090909091"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:32.35294117647059%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/3f5108155bb69d40d75aa87de948917045d41abd-102x33.svg?h=6&fit=max&auto=format" alt="Mux icon" loading="lazy" width="20" height="6" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Mux </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/vercel"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.155"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:86.58008658008657%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/a34029c180ece128552e9d9679027a8afa48ae11-1155x1000.svg?h=17&fit=max&auto=format" alt="Vercel icon" loading="lazy" width="20" height="17" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.155"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:86.58008658008657%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/45a81b836dbb912b62b29b01b45954ef2948ae91-1155x1000.svg?h=17&fit=max&auto=format" alt="Vercel icon" loading="lazy" width="20" height="17" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Vercel </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/netlify"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.1327433628318584"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:88.28125%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/24152f4f3fed326b8a2c5788393f53e8cecd4707-128x113.svg?h=18&fit=max&auto=format" alt="Netlify icon" loading="lazy" width="20" height="18" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.1327433628318584"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:88.28125%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/0c35632d74ac27f807b72d4e22f3276ef223091a-128x113.svg?h=18&fit=max&auto=format" alt="Netlify icon" loading="lazy" width="20" height="18" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Netlify </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/algolia"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/ae86b4b4fd1df833c37cfd4d651cb407366ceca7-512x512.svg?h=20&fit=max&auto=format" alt="Algolia icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Algolia </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/cloudinary"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.5309734513274336"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:65.31791907514452%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/6a645de167fec7716f99fd9de5fff6e87918b99f-173x113.svg?h=13&fit=max&auto=format" alt="Cloudinary icon" loading="lazy" width="20" height="13" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Cloudinary </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/bigcommerce"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/52b0db077b96d52ee119fe4da7155537bf99d24f-167x167.svg?h=20&fit=max&auto=format" alt="BigCommerce icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/47d42c4fa3624d6ea85fc69f1bfb11c3ed521e63-167x167.svg?h=20&fit=max&auto=format" alt="BigCommerce icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">BigCommerce </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/commercelayer"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.0038461538461538"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:99.61685823754789%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/25577d454c204896a36753b076126cd72039de1a-261x260.svg?h=20&fit=max&auto=format" alt="Commerce Layer icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.0038461538461538"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:99.61685823754789%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/4b535960a5e22bbdf3bc8b601d95fbd215d4780e-261x260.svg?h=20&fit=max&auto=format" alt="Commerce Layer icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Commerce Layer </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/smartling"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/f4dd7e2dcdf8fe6d492fffd0d4ecb40598193b9e-256x256.svg?h=20&fit=max&auto=format" alt="Smartling icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Smartling </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/transifex"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/4cb60b175710d371792131799138bbe6491f9c1b-512x512.svg?h=20&fit=max&auto=format" alt="Transifex icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/421d11ba972c786ace687e25ea06da6ea721b316-512x512.svg?h=20&fit=max&auto=format" alt="Transifex icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Transifex </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners"><div><div class="MenuItem_title__JSr_6">View all <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div></div></div></li><li><button id="radix-:R2b6sm:-trigger-radix-:Rqqb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:Rqqb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Developers<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:Rqqb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:Rqqb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Learn</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/docs"><div><div class="MenuItem_title__JSr_6">Documentation </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/learn?ref=navbar"><div><div class="MenuItem_title__JSr_6">Courses </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/guides"><div><div class="MenuItem_title__JSr_6">Guides </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/docs/reference"><div><div class="MenuItem_title__JSr_6">API reference </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/ui"><div><div class="MenuItem_title__JSr_6">Sanity UI </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/docs/query-cheat-sheet"><div><div class="MenuItem_title__JSr_6">GROQ cheat sheet </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/get-started?ref=navbar-dev"><div><div class="MenuItem_title__JSr_6">Get started <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Build and share</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/templates"><div><div class="MenuItem_title__JSr_6">Templates </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/plugins"><div><div class="MenuItem_title__JSr_6">Tools and plugins </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/schemas"><div><div class="MenuItem_title__JSr_6">Schemas and snippets </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/projects"><div><div class="MenuItem_title__JSr_6">Project showcase </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" target="_blank" href="https://community.sanity.tools/"><div><div class="MenuItem_title__JSr_6">Share your work </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange"><div><div class="MenuItem_title__JSr_6">Browse Exchange <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Frameworks</h2><div class="MenuSection_sectionGrid__YD2Ox shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=react"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/927baf1ce68df63ec3a59eb1c0fbb4e7442722ef-48x48.svg?h=20&fit=max&auto=format" alt="React icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">React </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=vue"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/c6b479007ccaa0aa08c3032fc1cb368b2fffff23-48x48.svg?h=20&fit=max&auto=format" alt="Vue icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Vue </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=nextjs"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/a8dcfef47cf5288b5baf2658c65c323e5b96bef4-180x180.svg?h=20&fit=max&auto=format" alt="Next.js icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/582a59c0eb08fff797225db48bf36f72b8d888a7-180x180.svg?h=20&fit=max&auto=format" alt="Next.js icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Next.js </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=nuxt"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/0e6ed17a14c915204a19a2d072ae017fccc06bba-900x900.svg?h=20&fit=max&auto=format" alt="Nuxt.js icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Nuxt.js </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=svelte"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:0.9791666666666666"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:102.12765957446808%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/4faaedf0321b47108141744556d770a93933bc83-47x48.svg?h=20&fit=max&auto=format" alt="Svelte icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Svelte </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=remix"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/59de1b788d6666a4e64958d92a28010addede8f1-800x800.svg?h=20&fit=max&auto=format" alt="Remix icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Remix </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=gatsby"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/6bdcdafeba3c1746a017fbf851267cae560fddaa-48x48.svg?h=20&fit=max&auto=format" alt="Gatsby icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Gatsby </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=astro"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.00078125"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:99.92193598750977%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/ecbde5b899fc5fba4e3e89e87be3cd1b3aa48db6-1281x1280.svg?h=20&fit=max&auto=format" alt="Astro icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/fe00bda132fc027c021e7b91eb0748041676c781-1280x1280.svg?h=20&fit=max&auto=format" alt="Astro icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Astro </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=angular"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/55422b54446d6aab92ce4fd2d06cf691c837250c-48x48.svg?h=20&fit=max&auto=format" alt="Angular icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Angular </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=11ty"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/1bb4f3d4476d59a1e801ebb059a030b9bd741c1a-48x48.svg?h=20&fit=max&auto=format" alt="Eleventy icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/f35812cf780e6fba6e50447d476142b3d49c5c71-48x48.svg?h=20&fit=max&auto=format" alt="Eleventy icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Eleventy </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/frameworks"><div><div class="MenuItem_title__JSr_6">View all <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div></div></div></li><li><button id="radix-:R2b6sm:-trigger-radix-:R12qb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:R12qb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Resources<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:R12qb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:R12qb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Discover</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/blog"><div><div class="MenuItem_title__JSr_6">Blog </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/events?ref=navbar"><div><div class="MenuItem_title__JSr_6">Events </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/resources"><div><div class="MenuItem_title__JSr_6">Resource library </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/glossary"><div><div class="MenuItem_title__JSr_6">Glossary </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/agency-partners"><div><div class="MenuItem_title__JSr_6">Agency partners </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/contact/support"><div><div class="MenuItem_title__JSr_6">Technical support </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/contact/sales?ref=navbar-resources"><div><div class="MenuItem_title__JSr_6">Talk to sales <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Customer stories</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/puma"><div><div class="MenuItem_title__JSr_6">Puma </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Source of truth for global markets</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/tata"><div><div class="MenuItem_title__JSr_6">Tata Digital </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Scaling multi-brand e-commerce with composability</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/morning-brew"><div><div class="MenuItem_title__JSr_6">Morning Brew </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Omnichannel media distribution</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/aether"><div><div class="MenuItem_title__JSr_6">Aether </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Unique digital shopping experience</p></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/customers?ref=navbar"><div><div class="MenuItem_title__JSr_6">View all <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Popular guides</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/headless-cms"><div><div class="MenuItem_title__JSr_6">Headless CMS </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/structured-content"><div><div class="MenuItem_title__JSr_6">Structured content </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/content-modeling"><div><div class="MenuItem_title__JSr_6">Content modeling </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/headless-seo"><div><div class="MenuItem_title__JSr_6">Headless SEO </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/static-websites"><div><div class="MenuItem_title__JSr_6">Static websites </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/resources"><div><div class="MenuItem_title__JSr_6">View all <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div></div></div></li><li><a class="Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="" href="/customers?ref=navbar">Customers</a></li><li><a class="Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="" href="/enterprise?ref=navbar">Enterprise</a></li><li><a class="Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="" href="/pricing?ref=navbar">Pricing</a></li></ul></li><li class="Navbar_menu__en5J6 shared_resetList__sPSb0 shared_reset__i9XcS" role="navigation" aria-label="CTAs"><ul class="Navbar_ctas___rw_I shared_resetList__sPSb0 shared_reset__i9XcS" hidden=""><li><button class="Navbar_searchBtn__5xZFU Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" aria-label="Open search" aria-controls="global-search" aria-haspopup="dialog" aria-expanded="false"><svg data-sanity-icon="search" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0355 15.0355L20 20M16.5 11.5C16.5 14.2614 14.2614 16.5 11.5 16.5C8.73858 16.5 6.5 14.2614 6.5 11.5C6.5 8.73858 8.73858 6.5 11.5 6.5C14.2614 6.5 16.5 8.73858 16.5 11.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg><span class="Navbar_searchLabel__4pRH7">Search</span></button></li><li><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_bleed__Q_iZx Button_small__IRRll Button_themeAuto__qCQDQ" data-theme="auto" href="/manage">Log in</a></li><li><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_ghost__mZ9vJ Button_small__IRRll Button_themeAuto__qCQDQ Button_red__UBsRK" data-theme="auto" href="/contact/sales?ref=navbar">Contact sales</a></li><li><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_primary__oSpWt Button_small__IRRll Button_themeAuto__qCQDQ" data-theme="auto" href="/get-started?ref=navbar">Get started</a></li></ul></li></ul></div><div class="Navbar_desktopViewportPosition__5MK29"></div></nav><nav class="Navbar_mobileNavButtons__4AoEy" role="navigation" aria-label="CTAs" hidden=""><a class="Navbar_cta__9Lauv Navbar_visibleOnTablet__eir_i Button_button__hMNEn Button_ghost__mZ9vJ Button_small__IRRll Button_themeAuto__qCQDQ Button_red__UBsRK" data-theme="auto" href="/contact/sales?ref=navbar">Contact sales</a><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_primary__oSpWt Button_small__IRRll Button_themeAuto__qCQDQ" data-theme="auto" href="/get-started?ref=navbar">Get started</a><button class="Navbar_mobileMenuBtn__jhh3u Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" aria-label="Open navigation menu" aria-expanded="false" aria-haspopup="menu" aria-controls="navbar-mobile-menu" type="button"><svg data-sanity-icon="menu" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 7.5H19M6 17.5H19M6 12.5H19" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button></nav></div></header><div id="mainContentBlock"><main class="ResourceArticle_main__FR0m4"><div class="ResourceArticle_articleHeader__4zIZT"><div class="ResourceArticle_breadcrumbs__dY0Rk"><ol class="Breadcrumbs_root__KUrdO breadcrumbs " aria-label="Breadcrumbs" role="navigation"><li class="Breadcrumbs_link__qaLwr shared_fg1__EHH82 shared_label2__RmXai shared_label_base__ALIe4 "><a href="/resources">Resources</a></li><li class="Breadcrumbs_link__qaLwr shared_fg1__EHH82 shared_label2__RmXai shared_label_base__ALIe4 "><a href="/resources/e-commerce-strategy">Composable commerce</a></li><li class="Breadcrumbs_link__qaLwr shared_fg1__EHH82 shared_label2__RmXai shared_label_base__ALIe4 Breadcrumbs_active__tvUtD shared_fg3__NXgMk"><a aria-current="page" href="/headless-commerce">What Is Headless Commerce? From Beginner to Expert</a></li></ol></div><p class="ResourceArticle_date__q_AUk shared_label__Ytarj shared_label_base__ALIe4 shared_fg3__NXgMk">Last updated <time dateTime="2023-11-01T15:15:00.000Z">November 1st 2023</time></p><h1 class="ResourceArticle_title__fW91g shared_pageTitle__JttF_ shared_header4__GqofN shared_header__67AqL">What Is Headless Commerce? From Beginner to Expert</h1><ul class="ResourceArticle_authors__318g9"><li class="ResourceArticle_author___nGEN"><div class="Author_root__pHP1h"><div class="Author_imageWrapper__RFO_g shared_bg2__DFMii"><div class="UserAvatar_avatar__wGZ0G ph-no-capture" style="--size:56px"><img class="UserAvatar_image__L7BQP" src="https://cdn.sanity.io/images/3do82whm/next/2522aaab8ee6c13916d8e1e02182f3c528e9a388-800x800.jpg?h=112&w=112&fit=crop&auto=format" alt="Tom Smith" decoding="async" loading="lazy" width="56" height="56"/></div></div><div class="Author_text__eooe1"><h4 class="Author_name__3gBpB shared_fg2__gvnW7 shared_text2__BcBAQ"><a class="Author_profileLink__LZYIx shared_ghostLink__RI0VW shared_resetLink__WXQmo" href="/exchange/community/tom-smith">Tom Smith</a></h4><p class="Author_bio__k5znZ shared_fg4__8eU1H shared_text4__vymfi">Principal Solutions Architect at Sanity</p></div></div></li></ul></div><div class="ResourceArticle_mainContent__IJclC"><div class="BlockContent_root__A5xqv shared_fg3__NXgMk"><p>Customers expect the best from your brand. They want a shopping experience that’s personal, frictionless, and fun.</p><p>To thrive in this environment, you must be able to <strong>reach customers across any channel, in any context, with relevant and personalized messaging</strong>. That requires a degree of flexibility and agility that isn’t possible using legacy commerce platforms. So what’s the alternative?</p><p>Enter <a class="AutomatedInternalLinkTooltip_trigger__YVvmZ" data-state="closed" href="/headless-cms-explained">headless</a> commerce.</p><p>In this article, learn what headless commerce is, why leading brands are going headless, and how to start implementing a headless architecture today.</p><div data-block-key="98782fc7f531"><h2 class="BlockContent_header_h2__f5Dv6 BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="98782fc7f531"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#98782fc7f531"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>What is headless commerce?</h2></div><p><strong>Headless commerce separates the <a class="GlossaryTooltip_trigger__CdKW_" data-state="closed" href="/glossary/front-end">front end</a> of an ecommerce app from the back end</strong>. In other words, it separates presentation from business logic.</p><p>Headless commerce platforms are split into two parts:</p><ol><li>The back end consists of all the apps, tools, and systems that the business uses to handle functionality such as transactions and order management, as well as update and manage the presentation layer.</li><li>The front end of an e-commerce platform, also known as the presentation layer.</li></ol><figure class="LightboxImage_figure__1Lrdg "><div type="button" aria-expanded="false" aria-haspopup="dialog" class="LightboxImage_imageContainer__m4Bo6 LightboxImage_imageWithDialog__7D0yC"><div class="LightboxImage_image__v2sPU Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.4342629482071714"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="background-color:#d69897;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAADyElEQVQ4jR3Ty4scRRwH8DrnoO7i1YMKXgUDIp68eFkD3sQ/IQgefJBAjoKeYsAgQTAKajAq0RjzULORzW52s5vdndmZfc2ru6d7urqrqruquvo9/fxJ9vDhe/t+T1+U9bvIxuS0jck1x2WYi4CFUcLiJGNhFHNKvVw3pq2m6TCzsfK5uCyD8CUAQC87gK43gO4AoB0AdASAUNzrIKGi14RUv0kRBCoIkyRJoyyfR0maxYEKU5+LzPN58XRMBuElxw9e+WFonbph0oVfDXfhFvYXtuNiYdLAMyjpdZ6XNn4z8Pwrged3QyF3kijeyNJsI4mSzTBQO5LLjuSiJ7lck744P3bo6VWbvrNq048ezsj5dczO9bn6RIvzsygfDz5MtfFnObZ/LihdLjm/WwpxsxT8Zsn9Wyml933LWnF0fY1Mp3e5YXxsTs2lQ+Jd6TtU62HX6WOCB9QzNRH0UDmz7iSGNlGTMZOTMQt0jaT2zK0ocXMHEz4Z+/bRoXBHQyWnhhlN9YvUst6bCvWLzoNc8wWc4LIygpChkjj/kOMjtb++DpsPHsD2ygpY+/uQYhvYeAR7649gd3UV7KNDyLAdlq7zNfP4u3Zefu/Oy5jkJZC8aHFeZGZe6qhwndvuaCgOdjvwZHOr2d160tqDQZtguyW63h7s7bX7e93G1SYwJ66sGP2KBeEZWjVXw6aNkxYgbQGCBnJcNmMUm8ZtNjwW/mgIUtcaaVltRklbMtpmHmtD33+qST0PSo+dFHqBOuOX9dWwrGKe5cDiBEiS5VZeTlCoT+6xXldFnW0o+12otDHUlEDje1BzH2opTjSCQ+17YcXoZSbVmWmYfDugfrShW7B8OGzXR1o2kOEYzbF9LTW0UT4aeOXomFRTnVbEZRWjoqKE15SwmlFae8yvPTapKPmcSLW0z/h3G5qZ3j8ew72DATwcasWxUBqqGX0/J+SLCOPrseP+Pve9GyXnf84ZW84pXc4IuRdh/LfC9v3Idf6IXfcDLMO3RmFy6cCXWtf1aJ8JMlTx1MiKxyhz8LPOzHl7NnO+MU37gWXZ/xGXrighH8cq3JJCPnGw07GtWZ+6ZI17/BwOolen83rJnFef6sn8gpEVF2Zlc84qm7Po6Sc9HrxBmH9zONbV1nYn3e32Euy4aRQnmQrjORey8LmohVReoKKLXEUvjuf1KatsFs0KFo2iXtTSYlHPq+fQvz/+hKIofZ2L4C/NMMvNrR14tL4JE82AQEUQRgmoMD7JMEoCFcZfBip6QeYFGgCgBAApAIRbQNOiRv8D4zy63G2krsgAAAAASUVORK5CYII=);padding-bottom:69.72222222222221%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004.svg?h=558&fit=max&auto=format" alt="Diagram showing the structure of a headless commerce CMS" loading="lazy" sizes="(max-width: 720px) 100vw, 720px" class="Image_img__5ZmPX"/></noscript></div></div></figure><p>Before the rise of omnichannel experiences, the presentation layer was usually nothing more than a website. Users would encounter a customer-facing digital storefront but other channels, such as apps or third-party marketplaces, were either disconnected or even non-existent.</p><p>For most brands, the potential presentation layers now consist of a variety of social media channels, <a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://www.sanity.io/mobile-cms">mobile apps</a>, <a class="GlossaryTooltip_trigger__CdKW_" data-state="closed" href="/glossary/internet-of-things">internet of things</a> (IoT) devices like wearables, smart-home devices like Alexa, and much more.</p><p>With a headless commerce architecture, you're able to break up your business logic from your presentation layer(s). This means you unlock a more flexible experience for authors, developers and customers - putting your business logic, content and data right where you and your customers need it.</p><div data-block-key="4463b8274320"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="4463b8274320"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#4463b8274320"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>What’s the difference between headless and traditional commerce?</h3></div><p>Traditional ecommerce platforms are <a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://www.sanity.io/headless-cms/headless-vs-traditional-cms">monolithic</a>. That means the content is coupled to a particular output like a web page. The place where the content is stored, the “body,” is tightly linked to the place where it’s presented, the “head.”</p><p><strong>Monolithic commerce worked fine when brands were only expected to have a simple transactional website</strong>. Now, e-commerce experiences span everything from online stores to mobile apps to wearables to social media.</p><p>If a team is using a monolithic platform, they have to spend a lot of time and developer resources manually updating their content every time they want to make a change. In a rapidly-evolving market, that can pose a huge headache for teams and result in a slower time to market.</p><p>A monolithic architecture severely curtails the organization's flexibility. If a team wants to expand into a new region or market, update a site or an app, translate content into a different language, or experiment with the placement of content on their site, they have to change each item manually.</p><p>Headless commerce, by contrast, isn't coupled to a particular presentation or format. That means brands have the freedom to build and modify shopping experience with higher velocity, more control and a greater degree of flexibility.</p><div data-block-key="e056fd2f8ddf"><h2 class="BlockContent_header_h2__f5Dv6 BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="e056fd2f8ddf"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#e056fd2f8ddf"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>The benefits of headless commerce</h2></div><p>Why are companies going headless? There are a number of reasons brands are choosing headless commerce over traditional.</p><div data-block-key="ece8d8b8072e"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="ece8d8b8072e"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#ece8d8b8072e"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>1. Customization is simpler</h3></div><p>A monolithic architecture doesn’t provide many opportunities to customize user experience. Traditional commerce platforms come with out-of-the-box templates, processes and functionality that are difficult to customize. To make adjustments, teams have to change the code, database, and front-end. On some Software-as-a-Service (Saas) platforms, these elements may even be locked down, meaning changes are impossible or very “hacky”.</p><p>Headless commerce, by contrast, enables teams to <strong>fine-tune the experience they want their users to have</strong>. Since the front end is decoupled from the back end, front-end developers have the freedom to experiment and iterate without touching the back end.</p><div data-block-key="d21872de28c3"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="d21872de28c3"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#d21872de28c3"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>2. Control is easier</h3></div><p><strong>Decoupling puts development and content teams in the driver’s seat</strong>, giving them additional insight into how systems work together and talk to each other.</p><p>For e-commerce companies, that means mission-critical systems that perform functions like <a class="GlossaryTooltip_trigger__CdKW_" data-state="closed" href="/glossary/product-information-management">product information management</a>, enterprise resource planning, warehouse management, and order management. Teams can design their own workflows, and developers are free to work in the language they feel most comfortable with.</p><div data-block-key="ae3f6dd1af56"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="ae3f6dd1af56"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#ae3f6dd1af56"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>3. Change is faster and cheaper</h3></div><p>In a traditional commerce platform, all parts of the architecture are interconnected. As a result, teams that change one part of the presentation layer also have to change the back end, which pulls developers away from more impactful tasks. Updates are time-consuming and labor-intensive, with substantial risk of downtime.</p><p>With a headless platform, <strong>content teams can simply update content in the front end themselves </strong>without making any changes to the back end. That allows them to switch up content on the fly without relying on development teams—and meeting customers’ needs as fast as possible.</p><div data-block-key="41a78bf6048c"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="41a78bf6048c"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#41a78bf6048c"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>When to choose a traditional e-commerce platform</h3></div><p>While there are many advantages to a headless commerce platform, however, traditional platforms do have a few things to offer, particularly for smaller companies and teams.</p><ol><li><strong>They’re easy to set up.</strong> Most traditional commerce platforms come with a back end already in place, including the tools needed to build a basic storefront and process payments.</li><li><strong>There are templates available. </strong>Traditional platforms offer templates that enable developers to quickly set up a bare-bones site with attractive design elements. Although these templates don’t allow a lot of customization, they can enable teams to get a professional-looking site up and running fairly quickly.</li><li><strong>There’s a robust playbook. </strong>Monolithic commerce platforms have been around for a long time. The developer community has had years to learn the ropes, and many have posted best practices online for others to benefit.</li></ol><div data-block-key="1d96a729abe1"><h2 class="BlockContent_header_h2__f5Dv6 BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="1d96a729abe1"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#1d96a729abe1"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Use cases for headless commerce</h2></div><p>You’re probably wondering if headless is right for you. While just about any organization can benefit from a headless commerce platform, here are a few notable use cases.</p><ol><li><strong>B2B businesses looking for customization.</strong> For B2B brands, customer experience is everything. Headless commerce enables B2B companies to streamline and iterate on customer experience without breaking the bank.</li><li><strong>D2C companies offering an omnichannel experience.</strong> Direct-to-consumer brands can leverage headless commerce to meet customers wherever they get their content.</li><li><strong>Companies looking to reduce technical debt.</strong> Teams that have previously worked with a traditional commerce platform often accumulate technical debt; maintaining and updating a web ecosystem requires them to cobble together various tools, systems, and vendors that are later rendered out-of-date or obsolete. Going headless can help teams clean up their tech stack, eliminate the need for replatforms, and improve governance and security.</li><li><strong>Businesses that want to scale.</strong> Since headless commerce is innately flexible, it lends itself to growth. Companies that are planning to expand, grow, and scale should strongly consider going headless. This eliminates the need to switch to a more flexible platform when the business grows.</li><li><strong>Businesses that own a content-heavy site.</strong> Traditional commerce platforms struggle to handle content-rich sites, particularly when they get a lot of traffic. But a headless platform can load a variety of content—such as video, images, and text—without compromising performance.</li></ol><div data-block-key="c42ffa74dc81"><h2 class="BlockContent_header_h2__f5Dv6 BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="c42ffa74dc81"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#c42ffa74dc81"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Examples of headless commerce</h2></div><div data-block-key="15cbb59a91ef"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="15cbb59a91ef"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#15cbb59a91ef"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Case Study: AETHER Apparel</h3></div><p>Clothing company AETHER Apparel started in 2009. They have since become a go-to retailer across the U.S, with showrooms in Los Angeles, San Francisco, and Aspen, as well as a roaming retail store.</p><p>When AETHER decided to overhaul their online store, they wanted a digital storefront that paralleled the in-store shopping experience. That meant next-level visual storytelling and an extensible platform to enable customers to get close to touching, feeling, and experiencing their products.</p><p>AETHER partnered with digital consultancy <a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://www.sanity.io/agency-partners/commerce-ui">Commerce-UI</a>, the tech wizards behind the composable commerce systems for iconic brands like Liftfoils and Oura Ring. Commerce-UI recommended Sanity because of its <a class="GlossaryTooltip_trigger__CdKW_" data-state="closed" href="/glossary/extensibility">extensibility</a> and flexible approach to storytelling.</p><p>Sanity integrated directly with headless Shopify so the commerce platform automatically stayed in sync with the presentation layer. This gave Commerce-UI all the benefits of a <a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://www.sanity.io/headless-cms">headless CMS</a>, with the ability to build compelling visual content and distribute it on any channel, and the power of Shopify’s seamless purchasing experience for customers.</p><p>“The out-of-the-box integration between Sanity and Shopify was one of the most important layers of the project, and it worked flawlessly,” said Michal Wolczecki-Klim, CTO of Commerce-UI.</p><p><a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://www.sanity.io/case-studies/aether">Learn more about why AETHER switched to headless commerce.</a></p><div data-block-key="fe7277022dc2"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="fe7277022dc2"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#fe7277022dc2"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>See More Examples</h3></div><ul><li><a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://us.puma.com/us/en">Puma</a> - Built with <a class="GlossaryTooltip_trigger__CdKW_" data-state="closed" href="/glossary/next-js">Next.js</a> and Sanity.</li><li><a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://www.qeeboo.com/en">Qeebo</a> - Built with Shopify, Next.js, and Sanity.</li><li><a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://baboontothemoon.com/">Baboon to the Moon</a> - Built with Shopify, Hydrogen, and Sanity.</li><li><a class="BlockContent_link__rjkAZ shared_link__QWAu0" rel="noreferrer" target="_self" href="https://kotn.com/">Kotn</a> - Built with Shopify, Next.js, and Sanity.</li></ul><div data-block-key="7667120956e6"><h2 class="BlockContent_header_h2__f5Dv6 BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="7667120956e6"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#7667120956e6"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Getting Started in Shopify with Sanity</h2></div><p>Headless commerce isn’t just the future—it’s the present. Today’s shoppers want brands to deliver great experiences and authentic stories. Shopify and Sanity enable you to create an experience that merges shopping with storytelling. But how do you get started?</p><div data-block-key="83999b709ae8"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="83999b709ae8"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#83999b709ae8"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Step 1: Decide if you should change your commerce platform.</h3></div><p>While small businesses can often simply add an API to their existing commerce platform, mid-market and enterprise companies would be better off switching to a SaaS solution. One of the key advantages of a SaaS solution like Shopify is that it offers APIs that enable companies to seamlessly go headless.</p><div data-block-key="4f9abce2d42f"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="4f9abce2d42f"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#4f9abce2d42f"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Step 2: Choose a headless CMS.</h3></div><p>Any business that offers an omnichannel experience would benefit from a headless content management system (CMS). Sanity can be used as a headless CMS built for modern frameworks and practices. It integrates directly with Shopify, seamlessly linking the commerce platform with the presentation layer.</p><div data-block-key="7ead08d0903a"><h3 class="BlockContent_header_h3__d_9uj BlockContent_header__S_c2p BlockContent_anchoredHeading__cGKVW shared_fg1__EHH82 shared_header__67AqL" id="7ead08d0903a"><a class="BlockContent_copyAnchor__7Cy0v shared_fg2__gvnW7" href="/headless-commerce#7ead08d0903a"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>Step 3: Sync your CMS to your APIs.</h3></div><p>In this step, the front end and back end are integrated. Teams that are switching from a traditional commerce platform to a headless platform, rather than starting from scratch, should break this step into smaller sub-steps. First, build out and sync APIs to individual elements of the presentation layer, like a landing page. Then iterate as necessary.</p><div class="BlockContent_blockContenteModule__Tmf9b"><div class="CtaInBox_root__0nBxz shared_box__eqBFk shared_borderRadius__O_jrc"><h2 class="CtaInBox_title__3CTbE shared_header5__D2Ipj shared_header__67AqL shared_fg1__EHH82 shared_reset__i9XcS">Ready to start building?</h2><div class="CtaInBox_description__T7dly shared_text3__MQrA6"><p><a target="_blank" class="shared_link__QWAu0" rel="noopener noreferrer" href="https://www.sanity.io/contact/sales?utm_campaign=shopify">Contact us</a> to learn more about getting started in Shopify with Sanity or try it yourself today!</p></div><a class="Cta_inline__ef5f8 shared_primaryButton__JzTUh shared_button__GdPAZ shared_baseButton__3OPoI shared_hairline2__qAj6m shared_resetButton__jHRBh shared_box__eqBFk shared_borderRadius__O_jrc shared_focusOutlineOutside__RZab5 undefined" href="https://www.sanity.io/get-started">Try Sanity</a></div></div></div></div><div class="ResourceArticle_pageInfo__0GJSY"><div class="ResourceArticle_pageInfoContents__OeDEm"><div class="ResourceArticle_articleToC__0GwKL"><button type="button" aria-controls="page-nav-dialog-menu" aria-expanded="true" class="PageNav_mobileMenuBtn__I6I4S shared_ghostButton__rENws shared_button__GdPAZ shared_baseButton__3OPoI shared_hairline2__qAj6m shared_resetButton__jHRBh shared_box__eqBFk shared_borderRadius__O_jrc shared_focusOutlineOutside__RZab5 shared_hairline1__dHji5 shared_link__QWAu0">Close table of contents<svg data-sanity-icon="close" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 7L7 18M7 7L18 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><nav id="page-nav-dialog-menu" aria-label="Table of contents" class="PageNav_nav___1CWr shared_hairline2__qAj6m" data-open="true"><h2 class="PageNav_title__q2Teq shared_label__Ytarj shared_label_base__ALIe4 shared_fg3__NXgMk">Page content</h2><ul class="PageNav_list__FV_sX shared_resetList__sPSb0 shared_reset__i9XcS"><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#98782fc7f531" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo">What is headless commerce?</a><ul class="PageNav_nestedList__XB2hV"><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#4463b8274320" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">What’s the difference between headless and traditional commerce?</a></li></ul></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#e056fd2f8ddf" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo">The benefits of headless commerce</a><ul class="PageNav_nestedList__XB2hV"><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#ece8d8b8072e" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">1. Customization is simpler</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#d21872de28c3" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">2. Control is easier</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#ae3f6dd1af56" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">3. Change is faster and cheaper</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#41a78bf6048c" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">When to choose a traditional e-commerce platform</a></li></ul></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#1d96a729abe1" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo">Use cases for headless commerce</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#c42ffa74dc81" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo">Examples of headless commerce</a><ul class="PageNav_nestedList__XB2hV"><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#15cbb59a91ef" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">Case Study: AETHER Apparel</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#fe7277022dc2" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">See More Examples</a></li></ul></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#7667120956e6" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo">Getting Started in Shopify with Sanity</a><ul class="PageNav_nestedList__XB2hV"><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#83999b709ae8" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">Step 1: Decide if you should change your commerce platform.</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#4f9abce2d42f" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">Step 2: Choose a headless CMS.</a></li><li class="PageNav_item__KnwA0 shared_text4__vymfi"><a href="#7ead08d0903a" class="PageNav_link__or1s_ shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo PageNav_headingLevel2__C9J0g shared_text5__UErjB">Step 3: Sync your CMS to your APIs.</a></li></ul></li></ul></nav></div><div class="ResourceArticle_category__YXj1O"><aside><h2 class="TagList_heading__xagTy shared_label1__rsQaE shared_label_base__ALIe4 shared_fg3__NXgMk">Categorized in</h2><ul class="TagList_tags__4_rnG"><li class="TagList_tagItem__ByMhB"><a class="TagList_tagLink__gW_bd shared_bg4__m0CMn shared_fg3__NXgMk shared_text4__vymfi shared_borderRadius__O_jrc shared_hover1__S5ioP" href="/resources/e-commerce-strategy">Composable commerce</a></li></ul></aside></div></div></div></main><div><div class="CardGrid_container__7BTC7 shared_bg2__DFMii"><div class="CardGrid_contentWrapper__0S5fV"><h2 class="CardGrid_header__gbEbX shared_header4__GqofN shared_header__67AqL shared_fg1__EHH82">More on this topic</h2><ul class="CardGrid_list__ksabV"><li class="CardGrid_hover__JiC8p"><a class="CardGrid_link__XzQoQ" target="_self" href="/ecommerce-seo"><div class="CardGrid_itemImageWrapper__tsrZ0"><div class="ResponsiveImage_imageContainer__At8z_ ResponsiveImage_wide__Zg7bX"><img alt="E-commerce SEO: The Essential Guide To Success" loading="lazy" decoding="async" data-nimg="fill" class="CardGrid_itemImage__a_bvG" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcSet="https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/3do82whm/next/b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636.png?w=3840&q=75&fit=clip&auto=format"/></div></div><p class="CardGrid_tag__l4Dvq shared_label2__RmXai shared_label_base__ALIe4 shared_fg3__NXgMk">Article</p><h3 class="CardGrid_itemTitle__8OqUl shared_header6__lhz92 shared_header__67AqL shared_fg1__EHH82">E-commerce SEO: The Essential Guide To Success</h3></a></li><li class="CardGrid_hover__JiC8p"><a class="CardGrid_link__XzQoQ" target="_self" href="/customers/aether"><div class="CardGrid_itemImageWrapper__tsrZ0"><div class="ResponsiveImage_imageContainer__At8z_ ResponsiveImage_wide__Zg7bX"><img alt="Creating a unique digital experience that increased revenue by 11%" loading="lazy" decoding="async" data-nimg="fill" class="CardGrid_itemImage__a_bvG" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcSet="https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/3do82whm/next/fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036.png?w=3840&q=75&fit=clip&auto=format"/></div></div><p class="CardGrid_tag__l4Dvq shared_label2__RmXai shared_label_base__ALIe4 shared_fg3__NXgMk">Customer story</p><h3 class="CardGrid_itemTitle__8OqUl shared_header6__lhz92 shared_header__67AqL shared_fg1__EHH82">Creating a unique digital experience that increased revenue by 11%</h3></a></li><li class="CardGrid_hover__JiC8p"><a class="CardGrid_link__XzQoQ" target="_self" href="/make-standout-product-pages"><div class="CardGrid_itemImageWrapper__tsrZ0"><div class="ResponsiveImage_imageContainer__At8z_ ResponsiveImage_wide__Zg7bX"><img alt="5 Ways to Make Your E-commerce Product Pages Pop" loading="lazy" decoding="async" data-nimg="fill" class="CardGrid_itemImage__a_bvG" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcSet="https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/3do82whm/next/815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628.png?w=3840&q=75&fit=clip&auto=format"/></div></div><p class="CardGrid_tag__l4Dvq shared_label2__RmXai shared_label_base__ALIe4 shared_fg3__NXgMk">Article</p><h3 class="CardGrid_itemTitle__8OqUl shared_header6__lhz92 shared_header__67AqL shared_fg1__EHH82">5 Ways to Make Your E-commerce Product Pages Pop</h3></a></li></ul></div></div></div></div><dialog class="GlobalSearch_dialog__GVcL5 shared_fg1__EHH82 shared_bg1__OCL0e" id="global-search"></dialog><nav class="Footer_root__m_ukm" role="navigation" aria-label="Site footer"><div class="Footer_links__6wOW9"><div role="group" aria-label="Product"><h2 class="Footer_sectionTitle__HB_yi">Product</h2><a class="Footer_navLink__Fi28k" href="/studio">Sanity Studio</a><a class="Footer_navLink__Fi28k" href="/developer-experience">APIs</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/content-lake">Content Lake</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/ai-assist">AI Assist</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/security">Security & Compliance</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/compare-sanity">Compare Sanity</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/industry-cms">Use Cases</a></div><div role="group" aria-label="Resources"><h2 class="Footer_sectionTitle__HB_yi">Resources</h2><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/docs">Documentation</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/blog">Blog</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/resources">Resource library</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/customers">Customer stories</a><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Guides <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10.5L12.5 14L9 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/guides/build-your-first-blog-using-react">React Blog</a></li><li><a href="https://www.sanity.io/guides/the-blog-template">Gatsby Blog</a></li><li><a href="https://www.sanity.io/guides/the-landing-page-template">Next.js Landing Pages</a></li><li><a href="https://www.sanity.io/guides/make-a-pwa-with-react">Making a PWA</a></li><li><a href="https://www.sanity.io/guides/create-a-single-page-application-with-vuejs-and-sanity">Single Page Application</a></li><li><a href="https://www.sanity.io/guides/using-typescript-with-svelte">Svelte & Typescript App</a></li><li><a href="https://www.sanity.io/guides/tailwind-css-with-vue-js">Vue & Tailwind Blog</a></li><li><a href="https://www.sanity.io/guides/best-developer-portfolio-templates">Developer Portfolio Templates</a></li><li><a href="https://www.sanity.io/guides/form-validation-with-npm-yup">Form validation with Yup</a></li><li><a href="https://www.sanity.io/guides/nextjs-live-preview">Live Preview with Next.js and Sanity.io</a></li><li><a href="https://www.sanity.io/create-task-guides">Sanity Create task guides</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Templates <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10.5L12.5 14L9 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/templates/blog-with-built-in-content-editing">Next.js blog</a></li><li><a href="https://www.sanity.io/templates/personal-website-with-built-in-content-editing">Next.js personal website</a></li><li><a href="https://www.sanity.io/templates/nextjs-sanity-clean">Clean Next.js + Sanity app</a></li><li><a href="https://www.sanity.io/templates/remix-sanity-clean">Clean Remix + Sanity app</a></li><li><a href="https://www.sanity.io/templates/sveltekit-sanity-clean">Clean SvelteKit + Sanity app</a></li><li><a href="https://www.sanity.io/templates">All Templates</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Partners <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10.5L12.5 14L9 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/agency-partners">Agency partners</a></li><li><a href="https://www.sanity.io/technology-partners">Technology partners</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Explainers <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10.5L12.5 14L9 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/headless-cms">Headless CMS 101</a></li><li><a href="https://www.sanity.io/static-websites">Static Sites 101</a></li><li><a href="https://www.sanity.io/headless-commerce">Headless Commerce 101</a></li><li><a href="https://www.sanity.io/cms-for-enterprise">CMS for enterprise</a></li><li><a href="https://www.sanity.io/headless-seo">Headless SEO</a></li><li><a href="/docs/localization">Localization</a></li><li><a href="https://www.sanity.io/content-as-a-service">Content as a Service</a></li><li><a href="https://www.sanity.io/what-is-a-digital-experience-platform">What is a DXP?</a></li><li><a href="https://www.sanity.io/typescript-guide">Typescript 101</a></li><li><a href="https://www.sanity.io/ecommerce-seo">Ecommerce SEO</a></li><li><a href="https://www.sanity.io/composable-dxp">What is a Composable DXP?</a></li><li><a href="https://www.sanity.io/what-is-an-api">What is an API?</a></li><li><a href="https://www.sanity.io/guides/graphql-vs-rest-api-comparison">GraphQL vs REST</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">CMS <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10.5L12.5 14L9 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="/react-cms">React CMS</a></li><li><a href="/nextjs-cms">Next.JS CMS</a></li><li><a href="/cms-for-shopify">CMS for Shopify</a></li><li><a href="https://www.sanity.io/api-cms">API-first CMS</a></li><li><a href="/content-platform">Content platform</a></li><li><a href="/multilingual-cms">Multilingual CMS</a></li><li><a href="/static-site-cms">Static Site CMS</a></li><li><a href="/gatsby-cms">Gatsby CMS</a></li><li><a href="/nodejs-cms">Node CMS</a></li><li><a href="/ecommerce-cms">E-commerce CMS</a></li><li><a href="/vue-cms">Vue CMS</a></li><li><a href="/angular-cms">Angular CMS</a></li><li><a href="/graphql">GraphQL CMS</a></li><li><a href="/newspaper-cms">Newspaper CMS</a></li><li><a href="/magazine-cms">Magazine CMS</a></li><li><a href="/mobile-cms">CMS for apps</a></li><li><a href="/remix-cms">Remix CMS</a></li><li><a href="https://www.sanity.io/nuxtjs-cms">Nuxt CMS</a></li><li><a href="/sveltekit-cms">SvelteKit CMS</a></li><li><a href="https://www.sanity.io/agile-cms">Agile CMS</a></li><li><a href="https://www.sanity.io/11ty-cms">Eleventy CMS</a></li><li><a href="https://www.sanity.io/multi-site-cms">Multisite CMS</a></li></ul></div></div><div role="group" aria-label="Company"><h2 class="Footer_sectionTitle__HB_yi">Company</h2><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/contact/sales?ref=footer">Contact Sales</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/enterprise?ref=footer">Enterprise</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/careers">Careers</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/legal/tos">Terms of Service</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/legal/privacy">Privacy Policy</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/accessibility">Accessibility Statement</a><a class="Footer_navLink__Fi28k" target="_blank" href="https://cdn.sanity.io/files/3do82whm/next/6313de929b146cb92702c9fcdfcbcf296a9ae37e.pdf">Transparency Statement</a><a class="Footer_navLink__Fi28k" target="_blank" href="https://opensourcepledge.com/members/sanity/">Open Source Pledge</a></div></div><div class="Footer_socialSidebar__JL4GT"><div class="Footer_socialLinks__0DnKL"><h2 class="Footer_sectionTitle__HB_yi">Stay connected</h2><ul class="ChannelsLinks_socialLinkList__1i8Eh shared_resetList__sPSb0 shared_reset__i9XcS channels-links"><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://github.com/sanity-io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg viewBox="0 0 256 250" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" height="32"><g><path d="M128.00106,0 C57.3172926,0 0,57.3066942 0,128.00106 C0,184.555281 36.6761997,232.535542 87.534937,249.460899 C93.9320223,250.645779 96.280588,246.684165 96.280588,243.303333 C96.280588,240.251045 96.1618878,230.167899 96.106777,219.472176 C60.4967585,227.215235 52.9826207,204.369712 52.9826207,204.369712 C47.1599584,189.574598 38.770408,185.640538 38.770408,185.640538 C27.1568785,177.696113 39.6458206,177.859325 39.6458206,177.859325 C52.4993419,178.762293 59.267365,191.04987 59.267365,191.04987 C70.6837675,210.618423 89.2115753,204.961093 96.5158685,201.690482 C97.6647155,193.417512 100.981959,187.77078 104.642583,184.574357 C76.211799,181.33766 46.324819,170.362144 46.324819,121.315702 C46.324819,107.340889 51.3250588,95.9223682 59.5132437,86.9583937 C58.1842268,83.7344152 53.8029229,70.715562 60.7532354,53.0843636 C60.7532354,53.0843636 71.5019501,49.6441813 95.9626412,66.2049595 C106.172967,63.368876 117.123047,61.9465949 128.00106,61.8978432 C138.879073,61.9465949 149.837632,63.368876 160.067033,66.2049595 C184.49805,49.6441813 195.231926,53.0843636 195.231926,53.0843636 C202.199197,70.715562 197.815773,83.7344152 196.486756,86.9583937 C204.694018,95.9223682 209.660343,107.340889 209.660343,121.315702 C209.660343,170.478725 179.716133,181.303747 151.213281,184.472614 C155.80443,188.444828 159.895342,196.234518 159.895342,208.176593 C159.895342,225.303317 159.746968,239.087361 159.746968,243.303333 C159.746968,246.709601 162.05102,250.70089 168.53925,249.443941 C219.370432,232.499507 256,184.536204 256,128.00106 C256,57.3066942 198.691187,0 128.00106,0 Z M47.9405593,182.340212 C47.6586465,182.976105 46.6581745,183.166873 45.7467277,182.730227 C44.8183235,182.312656 44.2968914,181.445722 44.5978808,180.80771 C44.8734344,180.152739 45.876026,179.97045 46.8023103,180.409216 C47.7328342,180.826786 48.2627451,181.702199 47.9405593,182.340212 Z M54.2367892,187.958254 C53.6263318,188.524199 52.4329723,188.261363 51.6232682,187.366874 C50.7860088,186.474504 50.6291553,185.281144 51.2480912,184.70672 C51.8776254,184.140775 53.0349512,184.405731 53.8743302,185.298101 C54.7115892,186.201069 54.8748019,187.38595 54.2367892,187.958254 Z M58.5562413,195.146347 C57.7719732,195.691096 56.4895886,195.180261 55.6968417,194.042013 C54.9125733,192.903764 54.9125733,191.538713 55.713799,190.991845 C56.5086651,190.444977 57.7719732,190.936735 58.5753181,192.066505 C59.3574669,193.22383 59.3574669,194.58888 58.5562413,195.146347 Z M65.8613592,203.471174 C65.1597571,204.244846 63.6654083,204.03712 62.5716717,202.981538 C61.4524999,201.94927 61.1409122,200.484596 61.8446341,199.710926 C62.5547146,198.935137 64.0575422,199.15346 65.1597571,200.200564 C66.2704506,201.230712 66.6095936,202.705984 65.8613592,203.471174 Z M75.3025151,206.281542 C74.9930474,207.284134 73.553809,207.739857 72.1039724,207.313809 C70.6562556,206.875043 69.7087748,205.700761 70.0012857,204.687571 C70.302275,203.678621 71.7478721,203.20382 73.2083069,203.659543 C74.6539041,204.09619 75.6035048,205.261994 75.3025151,206.281542 Z M86.046947,207.473627 C86.0829806,208.529209 84.8535871,209.404622 83.3316829,209.4237 C81.8013,209.457614 80.563428,208.603398 80.5464708,207.564772 C80.5464708,206.498591 81.7483088,205.631657 83.2786917,205.606221 C84.8005962,205.576546 86.046947,206.424403 86.046947,207.473627 Z M96.6021471,207.069023 C96.7844366,208.099171 95.7267341,209.156872 94.215428,209.438785 C92.7295577,209.710099 91.3539086,209.074206 91.1652603,208.052538 C90.9808515,206.996955 92.0576306,205.939253 93.5413813,205.66582 C95.054807,205.402984 96.4092596,206.021919 96.6021471,207.069023 Z" fill="currentColor"></path></g></svg></span> GitHub</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://slack.sanity.io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg width="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3.4 10.1a1.7 1.7 0 01-3.4 0c0-1 .8-1.7 1.7-1.7h1.7v1.7z"></path><path d="M4.2 10.1a1.7 1.7 0 013.4 0v4.2a1.7 1.7 0 01-3.4 0v-4.2z"></path><path d="M5.9 3.4a1.7 1.7 0 010-3.4c1 0 1.7.8 1.7 1.7v1.7H5.9z"></path><path d="M5.9 4.2a1.7 1.7 0 010 3.4H1.7a1.7 1.7 0 010-3.4h4.2z"></path><path d="M12.6 5.9a1.7 1.7 0 013.4 0c0 1-.8 1.7-1.7 1.7h-1.7V5.9z"></path><path d="M11.8 5.9a1.7 1.7 0 01-3.4 0V1.7a1.7 1.7 0 013.4 0v4.2z"></path><path d="M10.1 12.6a1.7 1.7 0 010 3.4c-1 0-1.7-.8-1.7-1.7v-1.7h1.7z"></path><path d="M10.1 11.8a1.7 1.7 0 010-3.4h4.2a1.7 1.7 0 010 3.4h-4.2z"></path></svg></span> Community</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://x.com/sanity_io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg viewBox="0 0 1200 1227" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"></path></svg></span> X.com</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://bsky.app/profile/sanity.io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg viewBox="0 0 360 320"><use href="/_next/static/media/bsky-logo.667b6b23.svg#icon"></use></svg></span> Bluesky</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://www.youtube.com/@sanity_io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg width="1em" height="1em" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M164.7 37.7C172.3 39.8 178.3 45.8 180.3 53.4C184 67.2 184 96 184 96C184 96 184 124.8 180.4 138.6C178.3 146.3 172.4 152.3 164.8 154.3C151 158 96 158 96 158C96 158 41 158 27.3 154.3C19.7 152.2 13.7 146.2 11.7 138.6C8 124.8 8 96 8 96C8 96 8 67.2 11.6 53.4C13.7 45.7 19.6 39.7 27.2 37.7C41 34 96 34 96 34C96 34 151 34 164.7 37.7ZM124 96L78 69.8V122.2L124 96Z" fill="currentColor"></path></svg></span> YouTube</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://stackoverflow.com/questions/tagged/sanity"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg width="1em" viewBox="0 0 12 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1 9.2h1.3v5H0v-5h1.3V13H10V9.2z"></path><path d="M2.6 8.8L9 10.1 9 9 3 7.6l-.3 1.2zm.9-3l5.7 2.7.6-1.1L4 4.7l-.5 1.1zM5 3l4.8 4 .9-1-5-4-.7 1zm3.1-3l-1 .8 3.8 5 1-.7L8.2 0zM2.5 11.7H9v-1.3H2.5v1.3z"></path></svg></span> Stack Overflow</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" href="https://www.sanity.io/feed/rss"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg xmlns="http://www.w3.org/2000/svg" width="1em" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3.374 17c-.897 0-1.626-.727-1.626-1.624s.729-1.624 1.626-1.624 1.626.727 1.626 1.624-.729 1.624-1.626 1.624zm3.885 0c-.03-3.022-2.485-5.474-5.511-5.504v-2.406c4.361.03 7.889 3.555 7.92 7.91h-2.409zm4.081 0c-.016-5.297-4.303-9.571-9.592-9.594v-2.406c6.623.023 11.985 5.384 12 12h-2.408z"></path></svg></span> Blog RSS</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" href="/newsletter"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z"></path><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"></path></svg></span> Newsletter</a></li></ul></div></div><div class="Footer_bottom__wsfnU"><a class="Footer_logo__Rbx6w" href="/"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28" height="28" rx="3" fill="#F03E2F"></rect><path d="M8.62 7.25c0 2.41 1.52 3.84 4.54 4.6l3.21.73c2.87.64 4.61 2.25 4.61 4.87a4.91 4.91 0 01-1.07 3.15c0-2.61-1.37-4.02-4.69-4.87l-3.15-.7c-2.52-.57-4.47-1.89-4.47-4.73a4.89 4.89 0 011.02-3.05z" fill="#FFFFFF"></path><path d="M17.94 16.8c1.37.87 1.97 2.07 1.97 3.8-1.13 1.42-3.12 2.22-5.46 2.22-3.94 0-6.7-1.9-7.3-5.21h3.78c.48 1.52 1.77 2.22 3.5 2.22 2.1 0 3.49-1.1 3.52-3.03" fill="#FFFFFFB3"></path><path d="M10.59 10.82a3.99 3.99 0 01-1.97-3.57c1.1-1.4 3-2.27 5.32-2.27 4 0 6.33 2.08 6.9 5H17.2c-.4-1.15-1.4-2.05-3.23-2.05-1.96 0-3.3 1.12-3.37 2.9" fill="#FFFFFFB3"></path></svg></a><div></div><div class="Footer_copyright__8W_Zp">© Sanity 2024</div><button class="Footer_editCookieConsentBtn__U4zIv">Cookie preferences</button><div aria-hidden="true" style="flex:1"></div></div></nav></div><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3ZSHCP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"route":null,"setDarkMode":false,"handbook":null,"resourceArticle":{"slug":"headless-commerce","seoVideo":null,"relatedContent":[{"_type":"resourceArticle","slug":{"current":"ecommerce-seo-guide","_type":"slug"},"_id":"6da9c3e8-50d3-4ed2-a76c-4a2f994062d7","handbook":{"slug":"ecommerce-seo","firstArticleId":"6da9c3e8-50d3-4ed2-a76c-4a2f994062d7"},"title":"E-commerce SEO: The Essential Guide To Success","image":{"_type":"image","asset":{"_ref":"image-b4a801a9027e0afd4a0dd91b8c79ffcc37a94a53-1208x636-png","_type":"reference"}}},{"_type":"caseStudy","slug":{"current":"aether","_type":"slug"},"title":"Creating a unique digital experience that increased revenue by 11%","image":{"_type":"figure","asset":{"_ref":"image-fc2baab9418ea33a26edacf8a984a66d6d6db9c9-2136x1036-png","_type":"reference"}}},{"slug":{"current":"make-standout-product-pages","_type":"slug"},"_id":"d7815cdc-f59d-462b-9546-49edf98ca6a5","handbook":null,"title":"5 Ways to Make Your E-commerce Product Pages Pop","image":{"_type":"image","asset":{"_ref":"image-815e43f0b00c3f98cbae2ef2a0ff843b477b147e-1200x628-png","_type":"reference"}},"_type":"resourceArticle"}],"_id":"93a81f2b-3d63-463e-96fe-b3b130c387e6","categorySlug":{"current":"e-commerce-strategy","_type":"slug"},"title":"What Is Headless Commerce? From Beginner to Expert","seoTitle":"What Is Headless Commerce? From Beginner to Expert","seoNoIndex":false,"category":"Composable commerce","description":"Learn why leading brands are going headless and how it enables personalized, flexible, and agile shopping experiences.","image":{"asset":{"_createdAt":"2023-04-28T14:26:45Z","originalFilename":"Opengraph - Headless commerce 101.png","_type":"sanity.imageAsset","url":"https://cdn.sanity.io/images/3do82whm/next/95aac1221750329bce75eb37f981c78227c8e96a-1204x630.png","assetId":"95aac1221750329bce75eb37f981c78227c8e96a","extension":"png","uploadId":"jVmvajZs0w300ylgxUmlcDDYvlfiU7dv","sha1hash":"95aac1221750329bce75eb37f981c78227c8e96a","_id":"image-95aac1221750329bce75eb37f981c78227c8e96a-1204x630-png","metadata":{"hasAlpha":true,"lqip":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvElEQVQokYWSy27TQBSG+5og4mucBHvssWsL50JSmoRekFAFvAoLdhUbngGQLIQqgaKKNJ6ZeDk/OuMmNEKIxaczY9nf+WeOj2Rka+Iu7OBn77H+ETzCevAEIrQgov8jIxuS2W2NbBzthOvIws3Tjv4eWrjlPjZZgJoqc7AJO//AaqU7IXsgFFmAu+mxXi/HEOdTqIsZ1LyEfBZCJC5E7EAwe5+sDi0jrUNKaf2dUBUDNOdT3by5QPPuEs3bSzSvF9jOh1DPU6gJB70jmWMEdezgV+obqNkuZStktlZ5D9t5qZtXL/CHE2zPJtguRwY1TqASzyRejSJ8WRT4uiiwGkbm2aGQ+1Al0ybJmLeJJmm7JhHVMoJKu9jkPVRnJa6vpri+mqF6WaLOuib5XihjByr1NX1gyIgAh/uuSUgD+3yS4f1pjg/LEtVpgTp9KCRiFzILtMz7VCETD9TE3BlB68SFSlzU3EPFfXxkLj7xADdZ0N7jQULqMOZaznLIUQKzNxd9P8HYbRPnfYi8jxXvomIevjEXt8yB2E+ZZAT3IYdMy0lqfhXJvVa4g9Id98ykzbSLAQRBJ6LT3E/5N+QQKzB+9PPzAAAAAElFTkSuQmCC","dimensions":{"_type":"sanity.imageDimensions","width":1204,"aspectRatio":1.9111111111111112,"height":630},"isOpaque":false,"blurHash":"M7Ru2Z}ZM{n4@t].KOnirXOWzCFaxaxbKi","_type":"sanity.imageMetadata","palette":{"muted":{"_type":"sanity.imagePaletteSwatch","foreground":"#fff","title":"#fff","population":1.47,"background":"#a16759"},"lightVibrant":{"_type":"sanity.imagePaletteSwatch","foreground":"#000","title":"#000","population":0,"background":"#fcbc8c"},"darkVibrant":{"population":0.17,"background":"#9e2217","_type":"sanity.imagePaletteSwatch","foreground":"#fff","title":"#fff"},"lightMuted":{"background":"#c2c4b0","_type":"sanity.imagePaletteSwatch","foreground":"#000","title":"#fff","population":0.31},"vibrant":{"title":"#fff","population":53.89,"background":"#f46c5c","_type":"sanity.imagePaletteSwatch","foreground":"#fff"},"dominant":{"title":"#fff","population":53.89,"background":"#f46c5c","_type":"sanity.imagePaletteSwatch","foreground":"#fff"},"_type":"sanity.imagePalette","darkMuted":{"population":0.02,"background":"#6d5f64","_type":"sanity.imagePaletteSwatch","foreground":"#fff","title":"#fff"}}},"mimeType":"image/png","path":"images/3do82whm/next/95aac1221750329bce75eb37f981c78227c8e96a-1204x630.png","_rev":"842LkflMnuSruMpIrzBF7j","size":882922,"_updatedAt":"2023-04-28T14:26:45Z"},"alt":null},"authors":[{"name":"Tom Smith","exchangeHandle":"tom-smith","mugshot":{"asset":{"_ref":"image-2522aaab8ee6c13916d8e1e02182f3c528e9a388-800x800-jpg","_type":"reference"},"_type":"image"},"bio":"Principal Solutions Architect at Sanity","ldJson":null}],"seoImage":{"_type":"image","asset":{"_ref":"image-95aac1221750329bce75eb37f981c78227c8e96a-1204x630-png","_type":"reference"}},"publishedAt":"2023-04-27T12:52:49.093Z","lastUpdated":"2023-11-01T15:15:00.000Z","body":[{"children":[{"marks":[],"text":"Customers expect the best from your brand. They want a shopping experience that’s personal, frictionless, and fun.","_key":"073dc58b71b20","_type":"span"}],"_type":"block","style":"normal","_key":"9ac4df43d5de","image":null,"asset":null,"markDefs":[]},{"style":"normal","_key":"9dace9b6d555","markDefs":[],"children":[{"_type":"span","marks":[],"text":"To thrive in this environment, you must be able to ","_key":"bf5c247afb6e0"},{"_type":"span","marks":["strong"],"text":"reach customers across any channel, in any context, with relevant and personalized messaging","_key":"bf5c247afb6e1"},{"marks":[],"text":". That requires a degree of flexibility and agility that isn’t possible using legacy commerce platforms. So what’s the alternative?","_key":"bf5c247afb6e2","_type":"span"}],"image":null,"asset":null,"_type":"block"},{"style":"normal","_key":"69c236f4d26a","markDefs":[{"_key":"headless-cms-explained","_type":"automatedInternalLink","term":"Headless","link":{"_id":"74b9e7fe-06bf-495f-b0e2-108b043f5e04","_type":"resourceArticle","slug":{"current":"headless-cms-explained","_type":"slug"}}}],"children":[{"_key":"09ec82dc1af7","_type":"span","text":"Enter ","marks":[]},{"_key":"e19ec2e61e38","_type":"span","text":"headless","marks":["headless-cms-explained"]},{"_key":"556a8964d540","_type":"span","text":" commerce.","marks":[]}],"image":null,"asset":null,"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"In this article, learn what headless commerce is, why leading brands are going headless, and how to start implementing a headless architecture today.","_key":"394de390e3820"}],"_type":"block","style":"normal","image":null,"asset":null,"_key":"825aae6255b0"},{"children":[{"marks":[],"text":"What is headless commerce?","_key":"df62dd5619d60","_type":"span"}],"_type":"block","style":"h2","_key":"98782fc7f531","image":null,"asset":null,"markDefs":[]},{"style":"normal","_key":"19dcb1495438","markDefs":[{"_key":"front-end","_type":"glossary","term":"Front end"}],"children":[{"_key":"f9846cbf1b83","_type":"span","text":"Headless commerce separates the ","marks":["strong"]},{"_key":"a5c008abbb90","_type":"span","text":"front end","marks":["front-end","strong"]},{"_key":"4623305db0e8","_type":"span","text":" of an ecommerce app from the back end","marks":["strong"]},{"_type":"span","marks":[],"text":". In other words, it separates presentation from business logic.","_key":"07f4c6670a551"}],"_type":"block","image":null,"asset":null},{"markDefs":[],"children":[{"text":"Headless commerce platforms are split into two parts:","_key":"8ea07d40ab630","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"f647a5997f9d","image":null,"asset":null},{"_type":"block","image":null,"listItem":"number","markDefs":[],"children":[{"text":"The back end consists of all the apps, tools, and systems that the business uses to handle functionality such as transactions and order management, as well as update and manage the presentation layer.","_key":"9b4ce9e2ac4e0","_type":"span","marks":[]}],"level":1,"asset":null,"style":"normal","_key":"2fd10347d633"},{"level":1,"style":"normal","listItem":"number","children":[{"_key":"9c1332fed8e20","_type":"span","marks":[],"text":"The front end of an e-commerce platform, also known as the presentation layer."}],"image":null,"asset":null,"_type":"block","_key":"808398c20bc5","markDefs":[]},{"image":{"_id":"image-c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004-svg","mimeType":"image/svg+xml","extension":"svg","_rev":"vVvS7hjhlL89RCCSBEauw2","sha1hash":"c8bf01a6f5ae3bad840ef63bbbbc243effae5a64","_type":"sanity.imageAsset","_createdAt":"2023-11-01T15:15:20Z","path":"images/3do82whm/next/c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004.svg","assetId":"c8bf01a6f5ae3bad840ef63bbbbc243effae5a64","dimensions":{"_type":"sanity.imageDimensions","width":1440,"aspectRatio":1.4342629482071714,"height":1004},"url":"https://cdn.sanity.io/images/3do82whm/next/c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004.svg","originalFilename":"4b3b551950140b850b82e29aa0048a2f11fea2f6-1440x1004.svg","size":364952,"_updatedAt":"2023-11-01T15:15:20Z","metadata":{"dimensions":{"_type":"sanity.imageDimensions","width":1440,"aspectRatio":1.4342629482071714,"height":1004},"isOpaque":false,"blurHash":"VSPjAN}t4.Mxnit7j[j[WBRj0K%#DiM{bbxus:RjWCWB","_type":"sanity.imageMetadata","palette":{"vibrant":{"title":"#fff","population":0.38,"background":"#b55e5d","_type":"sanity.imagePaletteSwatch","foreground":"#fff"},"dominant":{"_type":"sanity.imagePaletteSwatch","foreground":"#000","title":"#fff","population":0.85,"background":"#d69897"},"_type":"sanity.imagePalette","darkMuted":{"title":"#fff","population":0.32,"background":"#4e2d32","_type":"sanity.imagePaletteSwatch","foreground":"#fff"},"muted":{"background":"#5b969e","_type":"sanity.imagePaletteSwatch","foreground":"#fff","title":"#fff","population":0.22},"lightVibrant":{"title":"#fff","population":0.85,"background":"#d69897","_type":"sanity.imagePaletteSwatch","foreground":"#000"},"darkVibrant":{"title":"#fff","population":0.08,"background":"#290e0d","_type":"sanity.imagePaletteSwatch","foreground":"#fff"},"lightMuted":{"_type":"sanity.imagePaletteSwatch","foreground":"#000","title":"#fff","population":0.17,"background":"#c0aca3"}},"hasAlpha":true,"lqip":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAADyElEQVQ4jR3Ty4scRRwH8DrnoO7i1YMKXgUDIp68eFkD3sQ/IQgefJBAjoKeYsAgQTAKajAq0RjzULORzW52s5vdndmZfc2ru6d7urqrqruquvo9/fxJ9vDhe/t+T1+U9bvIxuS0jck1x2WYi4CFUcLiJGNhFHNKvVw3pq2m6TCzsfK5uCyD8CUAQC87gK43gO4AoB0AdASAUNzrIKGi14RUv0kRBCoIkyRJoyyfR0maxYEKU5+LzPN58XRMBuElxw9e+WFonbph0oVfDXfhFvYXtuNiYdLAMyjpdZ6XNn4z8Pwrged3QyF3kijeyNJsI4mSzTBQO5LLjuSiJ7lck744P3bo6VWbvrNq048ezsj5dczO9bn6RIvzsygfDz5MtfFnObZ/LihdLjm/WwpxsxT8Zsn9Wyml933LWnF0fY1Mp3e5YXxsTs2lQ+Jd6TtU62HX6WOCB9QzNRH0UDmz7iSGNlGTMZOTMQt0jaT2zK0ocXMHEz4Z+/bRoXBHQyWnhhlN9YvUst6bCvWLzoNc8wWc4LIygpChkjj/kOMjtb++DpsPHsD2ygpY+/uQYhvYeAR7649gd3UV7KNDyLAdlq7zNfP4u3Zefu/Oy5jkJZC8aHFeZGZe6qhwndvuaCgOdjvwZHOr2d160tqDQZtguyW63h7s7bX7e93G1SYwJ66sGP2KBeEZWjVXw6aNkxYgbQGCBnJcNmMUm8ZtNjwW/mgIUtcaaVltRklbMtpmHmtD33+qST0PSo+dFHqBOuOX9dWwrGKe5cDiBEiS5VZeTlCoT+6xXldFnW0o+12otDHUlEDje1BzH2opTjSCQ+17YcXoZSbVmWmYfDugfrShW7B8OGzXR1o2kOEYzbF9LTW0UT4aeOXomFRTnVbEZRWjoqKE15SwmlFae8yvPTapKPmcSLW0z/h3G5qZ3j8ew72DATwcasWxUBqqGX0/J+SLCOPrseP+Pve9GyXnf84ZW84pXc4IuRdh/LfC9v3Idf6IXfcDLMO3RmFy6cCXWtf1aJ8JMlTx1MiKxyhz8LPOzHl7NnO+MU37gWXZ/xGXrighH8cq3JJCPnGw07GtWZ+6ZI17/BwOolen83rJnFef6sn8gpEVF2Zlc84qm7Po6Sc9HrxBmH9zONbV1nYn3e32Euy4aRQnmQrjORey8LmohVReoKKLXEUvjuf1KatsFs0KFo2iXtTSYlHPq+fQvz/+hKIofZ2L4C/NMMvNrR14tL4JE82AQEUQRgmoMD7JMEoCFcZfBip6QeYFGgCgBAApAIRbQNOiRv8D4zy63G2krsgAAAAASUVORK5CYII="},"uploadId":"dzLHJBy3LwQc6v0QJhFXmJa7p7tzsYuy"},"markDefs":null,"_type":"image","alt":"Diagram showing the structure of a headless commerce CMS","_key":"c1cde2e1fcdb","asset":{"mimeType":"image/svg+xml","sha1hash":"c8bf01a6f5ae3bad840ef63bbbbc243effae5a64","path":"images/3do82whm/next/c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004.svg","_updatedAt":"2023-11-01T15:15:20Z","metadata":{"_type":"sanity.imageMetadata","palette":{"darkVibrant":{"_type":"sanity.imagePaletteSwatch","foreground":"#fff","title":"#fff","population":0.08,"background":"#290e0d"},"lightMuted":{"population":0.17,"background":"#c0aca3","_type":"sanity.imagePaletteSwatch","foreground":"#000","title":"#fff"},"vibrant":{"foreground":"#fff","title":"#fff","population":0.38,"background":"#b55e5d","_type":"sanity.imagePaletteSwatch"},"dominant":{"population":0.85,"background":"#d69897","_type":"sanity.imagePaletteSwatch","foreground":"#000","title":"#fff"},"_type":"sanity.imagePalette","darkMuted":{"foreground":"#fff","title":"#fff","population":0.32,"background":"#4e2d32","_type":"sanity.imagePaletteSwatch"},"muted":{"population":0.22,"background":"#5b969e","_type":"sanity.imagePaletteSwatch","foreground":"#fff","title":"#fff"},"lightVibrant":{"title":"#fff","population":0.85,"background":"#d69897","_type":"sanity.imagePaletteSwatch","foreground":"#000"}},"hasAlpha":true,"lqip":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAADyElEQVQ4jR3Ty4scRRwH8DrnoO7i1YMKXgUDIp68eFkD3sQ/IQgefJBAjoKeYsAgQTAKajAq0RjzULORzW52s5vdndmZfc2ru6d7urqrqruquvo9/fxJ9vDhe/t+T1+U9bvIxuS0jck1x2WYi4CFUcLiJGNhFHNKvVw3pq2m6TCzsfK5uCyD8CUAQC87gK43gO4AoB0AdASAUNzrIKGi14RUv0kRBCoIkyRJoyyfR0maxYEKU5+LzPN58XRMBuElxw9e+WFonbph0oVfDXfhFvYXtuNiYdLAMyjpdZ6XNn4z8Pwrged3QyF3kijeyNJsI4mSzTBQO5LLjuSiJ7lck744P3bo6VWbvrNq048ezsj5dczO9bn6RIvzsygfDz5MtfFnObZ/LihdLjm/WwpxsxT8Zsn9Wyml933LWnF0fY1Mp3e5YXxsTs2lQ+Jd6TtU62HX6WOCB9QzNRH0UDmz7iSGNlGTMZOTMQt0jaT2zK0ocXMHEz4Z+/bRoXBHQyWnhhlN9YvUst6bCvWLzoNc8wWc4LIygpChkjj/kOMjtb++DpsPHsD2ygpY+/uQYhvYeAR7649gd3UV7KNDyLAdlq7zNfP4u3Zefu/Oy5jkJZC8aHFeZGZe6qhwndvuaCgOdjvwZHOr2d160tqDQZtguyW63h7s7bX7e93G1SYwJ66sGP2KBeEZWjVXw6aNkxYgbQGCBnJcNmMUm8ZtNjwW/mgIUtcaaVltRklbMtpmHmtD33+qST0PSo+dFHqBOuOX9dWwrGKe5cDiBEiS5VZeTlCoT+6xXldFnW0o+12otDHUlEDje1BzH2opTjSCQ+17YcXoZSbVmWmYfDugfrShW7B8OGzXR1o2kOEYzbF9LTW0UT4aeOXomFRTnVbEZRWjoqKE15SwmlFae8yvPTapKPmcSLW0z/h3G5qZ3j8ew72DATwcasWxUBqqGX0/J+SLCOPrseP+Pve9GyXnf84ZW84pXc4IuRdh/LfC9v3Idf6IXfcDLMO3RmFy6cCXWtf1aJ8JMlTx1MiKxyhz8LPOzHl7NnO+MU37gWXZ/xGXrighH8cq3JJCPnGw07GtWZ+6ZI17/BwOolen83rJnFef6sn8gpEVF2Zlc84qm7Po6Sc9HrxBmH9zONbV1nYn3e32Euy4aRQnmQrjORey8LmohVReoKKLXEUvjuf1KatsFs0KFo2iXtTSYlHPq+fQvz/+hKIofZ2L4C/NMMvNrR14tL4JE82AQEUQRgmoMD7JMEoCFcZfBip6QeYFGgCgBAApAIRbQNOiRv8D4zy63G2krsgAAAAASUVORK5CYII=","dimensions":{"_type":"sanity.imageDimensions","width":1440,"aspectRatio":1.4342629482071714,"height":1004},"isOpaque":false,"blurHash":"VSPjAN}t4.Mxnit7j[j[WBRj0K%#DiM{bbxus:RjWCWB"},"_type":"sanity.imageAsset","size":364952,"assetId":"c8bf01a6f5ae3bad840ef63bbbbc243effae5a64","uploadId":"dzLHJBy3LwQc6v0QJhFXmJa7p7tzsYuy","_id":"image-c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004-svg","originalFilename":"4b3b551950140b850b82e29aa0048a2f11fea2f6-1440x1004.svg","extension":"svg","_rev":"vVvS7hjhlL89RCCSBEauw2","url":"https://cdn.sanity.io/images/3do82whm/next/c8bf01a6f5ae3bad840ef63bbbbc243effae5a64-1440x1004.svg","_createdAt":"2023-11-01T15:15:20Z"}},{"image":null,"asset":null,"style":"normal","_key":"e75cc8d235ca","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Before the rise of omnichannel experiences, the presentation layer was usually nothing more than a website. Users would encounter a customer-facing digital storefront but other channels, such as apps or third-party marketplaces, were either disconnected or even non-existent.","_key":"944befa3154a"}],"_type":"block"},{"style":"normal","_key":"fa4a39ef12e8","markDefs":[{"_type":"link","href":"https://www.sanity.io/mobile-cms","_key":"f212f9a6018b"},{"_key":"internet-of-things","_type":"glossary","term":"Internet of Things"}],"children":[{"marks":[],"text":"For most brands, the potential presentation layers now consist of a variety of social media channels, ","_key":"7686658f32c50","_type":"span"},{"_type":"span","marks":["f212f9a6018b"],"text":"mobile apps","_key":"7686658f32c51"},{"_key":"7bd1ed05cc86","_type":"span","text":", ","marks":[]},{"_key":"9bb87369cc11","_type":"span","text":"internet of things","marks":["internet-of-things"]},{"_key":"902f2c72a61f","_type":"span","text":" (IoT) devices like wearables, smart-home devices like Alexa, and much more.","marks":[]}],"_type":"block","image":null,"asset":null},{"image":null,"asset":null,"style":"normal","_key":"e586b9716dbd","markDefs":[],"children":[{"marks":[],"text":"With a headless commerce architecture, you're able to break up your business logic from your presentation layer(s). This means you unlock a more flexible experience for authors, developers and customers - putting your business logic, content and data right where you and your customers need it.","_key":"a37686b4b7ec0","_type":"span"}],"_type":"block"},{"_type":"block","style":"h3","_key":"4463b8274320","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What’s the difference between headless and traditional commerce?","_key":"2b4ba59c481d0"}],"image":null,"asset":null},{"children":[{"_type":"span","marks":[],"text":"Traditional ecommerce platforms are ","_key":"edb334e377100"},{"text":"monolithic","_key":"edb334e377101","_type":"span","marks":["56cc4e0b414e"]},{"_type":"span","marks":[],"text":". That means the content is coupled to a particular output like a web page. The place where the content is stored, the “body,” is tightly linked to the place where it’s presented, the “head.”","_key":"edb334e377102"}],"_type":"block","image":null,"asset":null,"style":"normal","_key":"5de8e5e98afc","markDefs":[{"_type":"link","href":"https://www.sanity.io/headless-cms/headless-vs-traditional-cms","_key":"56cc4e0b414e"}]},{"style":"normal","_key":"d26fc1ff960b","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Monolithic commerce worked fine when brands were only expected to have a simple transactional website","_key":"0249e219bbd90"},{"_type":"span","marks":[],"text":". Now, e-commerce experiences span everything from online stores to mobile apps to wearables to social media.","_key":"0249e219bbd91"}],"_type":"block","image":null,"asset":null},{"style":"normal","_key":"1d9b4f3b3469","markDefs":[],"children":[{"_type":"span","marks":[],"text":"If a team is using a monolithic platform, they have to spend a lot of time and developer resources manually updating their content every time they want to make a change. In a rapidly-evolving market, that can pose a huge headache for teams and result in a slower time to market.","_key":"0d75f3aa7f5f0"}],"_type":"block","image":null,"asset":null},{"children":[{"_type":"span","marks":[],"text":"A monolithic architecture severely curtails the organization's flexibility. If a team wants to expand into a new region or market, update a site or an app, translate content into a different language, or experiment with the placement of content on their site, they have to change each item manually.","_key":"f885ece7d36e0"}],"image":null,"asset":null,"_type":"block","style":"normal","_key":"e4975ec9dee2","markDefs":[]},{"_key":"600ba099a3c4","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Headless commerce, by contrast, isn't coupled to a particular presentation or format. That means brands have the freedom to build and modify shopping experience with higher velocity, more control and a greater degree of flexibility.","_key":"75ec09c7ff130"}],"_type":"block","style":"normal","image":null,"asset":null},{"_key":"e056fd2f8ddf","markDefs":[],"children":[{"marks":[],"text":"The benefits of headless commerce","_key":"570f026784450","_type":"span"}],"_type":"block","style":"h2","image":null,"asset":null},{"_key":"faafd08b4f90","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Why are companies going headless? There are a number of reasons brands are choosing headless commerce over traditional.","_key":"d10f634e7e990"}],"_type":"block","image":null,"asset":null,"style":"normal"},{"style":"h3","_key":"ece8d8b8072e","image":null,"asset":null,"markDefs":[],"children":[{"text":"1. Customization is simpler","_key":"6566564f28e30","_type":"span","marks":[]}],"_type":"block"},{"asset":null,"_type":"block","style":"normal","_key":"9d29fbcb4f37","markDefs":[],"children":[{"marks":[],"text":"A monolithic architecture doesn’t provide many opportunities to customize user experience. Traditional commerce platforms come with out-of-the-box templates, processes and functionality that are difficult to customize. To make adjustments, teams have to change the code, database, and front-end. On some Software-as-a-Service (Saas) platforms, these elements may even be locked down, meaning changes are impossible or very “hacky”.","_key":"1636506f209a0","_type":"span"}],"image":null},{"_key":"3b36a5e70f88","markDefs":[],"image":null,"asset":null,"children":[{"_type":"span","marks":[],"text":"Headless commerce, by contrast, enables teams to ","_key":"f146fd4c4d5f0"},{"text":"fine-tune the experience they want their users to have","_key":"f146fd4c4d5f1","_type":"span","marks":["strong"]},{"text":". Since the front end is decoupled from the back end, front-end developers have the freedom to experiment and iterate without touching the back end.","_key":"f146fd4c4d5f2","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"image":null,"asset":null,"_type":"block","style":"h3","_key":"d21872de28c3","markDefs":[],"children":[{"_type":"span","marks":[],"text":"2. Control is easier","_key":"e9d8796037ee0"}]},{"asset":null,"style":"normal","_key":"dbb6df0cc7c5","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Decoupling puts development and content teams in the driver’s seat","_key":"3fa78c7e6d2b0"},{"marks":[],"text":", giving them additional insight into how systems work together and talk to each other.","_key":"3fa78c7e6d2b1","_type":"span"}],"_type":"block","image":null},{"image":null,"asset":null,"_type":"block","style":"normal","_key":"b11b9cc56fea","markDefs":[{"_key":"product-information-management","_type":"glossary","term":"Product Information Management"}],"children":[{"_key":"ffb78f75c723","_type":"span","text":"For e-commerce companies, that means mission-critical systems that perform functions like ","marks":[]},{"_key":"a0d64a9990bc","_type":"span","text":"product information management","marks":["product-information-management"]},{"_key":"a7d0202a125f","_type":"span","text":", enterprise resource planning, warehouse management, and order management. Teams can design their own workflows, and developers are free to work in the language they feel most comfortable with.","marks":[]}]},{"style":"h3","image":null,"asset":null,"_key":"ae3f6dd1af56","markDefs":[],"children":[{"_type":"span","marks":[],"text":"3. Change is faster and cheaper","_key":"7c30ad65f2f30"}],"_type":"block"},{"asset":null,"_type":"block","style":"normal","_key":"4924597b926f","markDefs":[],"children":[{"_key":"cea37edc117b0","_type":"span","marks":[],"text":"In a traditional commerce platform, all parts of the architecture are interconnected. As a result, teams that change one part of the presentation layer also have to change the back end, which pulls developers away from more impactful tasks. Updates are time-consuming and labor-intensive, with substantial risk of downtime."}],"image":null},{"style":"normal","_key":"c566fe3a17e6","markDefs":[],"children":[{"text":"With a headless platform, ","_key":"fd4a4b2ddc1c0","_type":"span","marks":[]},{"_type":"span","marks":["strong"],"text":"content teams can simply update content in the front end themselves ","_key":"fd4a4b2ddc1c1"},{"_type":"span","marks":[],"text":"without making any changes to the back end. That allows them to switch up content on the fly without relying on development teams—and meeting customers’ needs as fast as possible.","_key":"fd4a4b2ddc1c2"}],"_type":"block","image":null,"asset":null},{"_type":"block","style":"h3","_key":"41a78bf6048c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"When to choose a traditional e-commerce platform","_key":"f80a0385522f0"}],"image":null,"asset":null},{"asset":null,"_type":"block","style":"normal","_key":"8da321f1f2b4","markDefs":[],"children":[{"marks":[],"text":"While there are many advantages to a headless commerce platform, however, traditional platforms do have a few things to offer, particularly for smaller companies and teams.","_key":"f72ad4748eb40","_type":"span"}],"image":null},{"children":[{"text":"They’re easy to set up.","_key":"98a7764fb7d80","_type":"span","marks":["strong"]},{"_type":"span","marks":[],"text":" Most traditional commerce platforms come with a back end already in place, including the tools needed to build a basic storefront and process payments.","_key":"98a7764fb7d81"}],"asset":null,"style":"normal","_key":"02f7acf6a455","listItem":"number","markDefs":[],"level":1,"image":null,"_type":"block"},{"style":"normal","_key":"b50a20530a31","listItem":"number","markDefs":[],"level":1,"_type":"block","children":[{"_type":"span","marks":["strong"],"text":"There are templates available. ","_key":"f53d98813f740"},{"_type":"span","marks":[],"text":"Traditional platforms offer templates that enable developers to quickly set up a bare-bones site with attractive design elements. Although these templates don’t allow a lot of customization, they can enable teams to get a professional-looking site up and running fairly quickly.","_key":"f53d98813f741"}],"image":null,"asset":null},{"_key":"daae43555648","listItem":"number","markDefs":[],"level":1,"_type":"block","style":"normal","children":[{"text":"There’s a robust playbook. ","_key":"4ee71c07c3400","_type":"span","marks":["strong"]},{"_type":"span","marks":[],"text":"Monolithic commerce platforms have been around for a long time. The developer community has had years to learn the ropes, and many have posted best practices online for others to benefit.","_key":"4ee71c07c3401"}],"image":null,"asset":null},{"asset":null,"_type":"block","style":"h2","_key":"1d96a729abe1","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Use cases for headless commerce","_key":"89ded64b0a400"}],"image":null},{"image":null,"asset":null,"markDefs":[],"children":[{"_type":"span","marks":[],"text":"You’re probably wondering if headless is right for you. While just about any organization can benefit from a headless commerce platform, here are a few notable use cases.","_key":"4d1a21dfd9ff0"}],"_type":"block","style":"normal","_key":"fc13e56b6552"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"B2B businesses looking for customization.","_key":"8eb1a0b24c1b0"},{"_type":"span","marks":[],"text":" For B2B brands, customer experience is everything. Headless commerce enables B2B companies to streamline and iterate on customer experience without breaking the bank.","_key":"8eb1a0b24c1b1"}],"level":1,"_key":"85895f9c9485","image":null,"asset":null,"listItem":"number","_type":"block","style":"normal"},{"_key":"2d2fbfebbcd4","markDefs":[],"level":1,"image":null,"style":"normal","listItem":"number","children":[{"_type":"span","marks":["strong"],"text":"D2C companies offering an omnichannel experience.","_key":"49a97ad3adc70"},{"_type":"span","marks":[],"text":" Direct-to-consumer brands can leverage headless commerce to meet customers wherever they get their content.","_key":"49a97ad3adc71"}],"_type":"block","asset":null},{"style":"normal","children":[{"_type":"span","marks":["strong"],"text":"Companies looking to reduce technical debt.","_key":"b1e249c3b72f0"},{"_type":"span","marks":[],"text":" Teams that have previously worked with a traditional commerce platform often accumulate technical debt; maintaining and updating a web ecosystem requires them to cobble together various tools, systems, and vendors that are later rendered out-of-date or obsolete. Going headless can help teams clean up their tech stack, eliminate the need for replatforms, and improve governance and security.","_key":"b1e249c3b72f1"}],"image":null,"level":1,"_type":"block","_key":"436b1967d8f1","listItem":"number","markDefs":[],"asset":null},{"style":"normal","_key":"3152fda2f768","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Businesses that want to scale.","_key":"80311a86ddc50"},{"_type":"span","marks":[],"text":" Since headless commerce is innately flexible, it lends itself to growth. Companies that are planning to expand, grow, and scale should strongly consider going headless. This eliminates the need to switch to a more flexible platform when the business grows.","_key":"80311a86ddc51"}],"level":1,"image":null,"asset":null,"_type":"block","listItem":"number"},{"markDefs":[],"children":[{"text":"Businesses that own a content-heavy site.","_key":"7c82f64da0e20","_type":"span","marks":["strong"]},{"_key":"7c82f64da0e21","_type":"span","marks":[],"text":" Traditional commerce platforms struggle to handle content-rich sites, particularly when they get a lot of traffic. But a headless platform can load a variety of content—such as video, images, and text—without compromising performance."}],"_key":"a9952601895a","listItem":"number","level":1,"_type":"block","style":"normal","image":null,"asset":null},{"style":"h2","_key":"c42ffa74dc81","markDefs":[],"image":null,"asset":null,"children":[{"_type":"span","marks":[],"text":"Examples of headless commerce","_key":"a163bd1d228b0"}],"_type":"block"},{"_key":"15cbb59a91ef","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Case Study: AETHER Apparel","_key":"99524bad5a940"}],"_type":"block","image":null,"asset":null,"style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Clothing company AETHER Apparel started in 2009. They have since become a go-to retailer across the U.S, with showrooms in Los Angeles, San Francisco, and Aspen, as well as a roaming retail store.","_key":"d4407826dec30"}],"_type":"block","style":"normal","_key":"862c8805fe0e","image":null,"asset":null},{"markDefs":[],"children":[{"marks":[],"text":"When AETHER decided to overhaul their online store, they wanted a digital storefront that paralleled the in-store shopping experience. That meant next-level visual storytelling and an extensible platform to enable customers to get close to touching, feeling, and experiencing their products.","_key":"2272435d2e9c0","_type":"span"}],"_type":"block","style":"normal","_key":"0c910e2da436","image":null,"asset":null},{"markDefs":[{"_type":"link","href":"https://www.sanity.io/agency-partners/commerce-ui","_key":"c116ade97987"},{"_key":"extensibility","_type":"glossary","term":"Extensibility"}],"children":[{"marks":[],"text":"AETHER partnered with digital consultancy ","_key":"e01d669fe8710","_type":"span"},{"_type":"span","marks":["c116ade97987"],"text":"Commerce-UI","_key":"e01d669fe8711"},{"_key":"9f92100887e0","_type":"span","text":", the tech wizards behind the composable commerce systems for iconic brands like Liftfoils and Oura Ring. Commerce-UI recommended Sanity because of its ","marks":[]},{"_key":"f6346abd9acc","_type":"span","text":"extensibility","marks":["extensibility"]},{"_key":"63c5689af42c","_type":"span","text":" and flexible approach to storytelling.","marks":[]}],"_type":"block","style":"normal","_key":"d1b521a50162","image":null,"asset":null},{"children":[{"marks":[],"text":"Sanity integrated directly with headless Shopify so the commerce platform automatically stayed in sync with the presentation layer. This gave Commerce-UI all the benefits of a ","_key":"660c841ae3da0","_type":"span"},{"_type":"span","marks":["1f709a721516"],"text":"headless CMS","_key":"660c841ae3da1"},{"text":", with the ability to build compelling visual content and distribute it on any channel, and the power of Shopify’s seamless purchasing experience for customers.","_key":"660c841ae3da2","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"db44fc67e7ca","markDefs":[{"href":"https://www.sanity.io/headless-cms","_key":"1f709a721516","_type":"link"}],"image":null,"asset":null},{"asset":null,"children":[{"_type":"span","marks":[],"text":"“The out-of-the-box integration between Sanity and Shopify was one of the most important layers of the project, and it worked flawlessly,” said Michal Wolczecki-Klim, CTO of Commerce-UI.","_key":"71d5c13035960"}],"_type":"block","style":"normal","_key":"ef910ed74efb","markDefs":[],"image":null},{"asset":null,"children":[{"_type":"span","marks":["dacccda3d4f4"],"text":"Learn more about why AETHER switched to headless commerce.","_key":"5438eeb3976c0"}],"_type":"block","style":"normal","_key":"b7017b4ae1c7","markDefs":[{"_type":"link","href":"https://www.sanity.io/case-studies/aether","_key":"dacccda3d4f4"}],"image":null},{"style":"h3","_key":"fe7277022dc2","markDefs":[],"children":[{"_type":"span","marks":[],"text":"See More Examples","_key":"1bbd40e3066c0"}],"_type":"block","image":null,"asset":null},{"_key":"3c1e05795fc8","listItem":"bullet","children":[{"_type":"span","marks":["2bac526644fa"],"text":"Puma","_key":"de5f7cb379af0"},{"_key":"b2e77a763303","_type":"span","text":" - Built with ","marks":[]},{"_key":"17de0dddaf08","_type":"span","text":"Next.js","marks":["next-js"]},{"_key":"3e63d9a6a919","_type":"span","text":" and Sanity.","marks":[]}],"level":1,"_type":"block","style":"normal","markDefs":[{"_type":"link","href":"https://us.puma.com/us/en","_key":"2bac526644fa"},{"_key":"next-js","_type":"glossary","term":"Next.js"}],"image":null,"asset":null},{"markDefs":[{"_type":"link","href":"https://www.qeeboo.com/en","_key":"e6cf0222f985"}],"children":[{"_type":"span","marks":["e6cf0222f985"],"text":"Qeebo","_key":"b9dad58c264f0"},{"_type":"span","marks":[],"text":" - Built with Shopify, Next.js, and Sanity.","_key":"b9dad58c264f1"}],"style":"normal","_key":"da0432044225","image":null,"listItem":"bullet","level":1,"_type":"block","asset":null},{"style":"normal","_key":"804ddae3bf52","markDefs":[{"_type":"link","href":"https://baboontothemoon.com/","_key":"9149f44db1c0"}],"asset":null,"image":null,"level":1,"_type":"block","listItem":"bullet","children":[{"text":"Baboon to the Moon","_key":"1679969e90900","_type":"span","marks":["9149f44db1c0"]},{"_key":"1679969e90901","_type":"span","marks":[],"text":" - Built with Shopify, Hydrogen, and Sanity."}]},{"markDefs":[{"_key":"3982d5b007c7","_type":"link","href":"https://kotn.com/"}],"children":[{"_type":"span","marks":["3982d5b007c7"],"text":"Kotn","_key":"3852d3a8cad30"},{"marks":[],"text":" - Built with Shopify, Next.js, and Sanity.","_key":"3852d3a8cad31","_type":"span"}],"level":1,"_type":"block","listItem":"bullet","style":"normal","_key":"a8fa35d0679e","image":null,"asset":null},{"children":[{"_type":"span","marks":[],"text":"Getting Started in Shopify with Sanity","_key":"0eb4e94c51b10"}],"_type":"block","style":"h2","image":null,"asset":null,"_key":"7667120956e6","markDefs":[]},{"asset":null,"_type":"block","style":"normal","_key":"856ce959a91f","markDefs":[],"children":[{"marks":[],"text":"Headless commerce isn’t just the future—it’s the present. Today’s shoppers want brands to deliver great experiences and authentic stories. Shopify and Sanity enable you to create an experience that merges shopping with storytelling. But how do you get started?","_key":"069b63b809470","_type":"span"}],"image":null},{"image":null,"asset":null,"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Step 1: Decide if you should change your commerce platform.","_key":"282ced8f17ae0"}],"_type":"block","style":"h3","_key":"83999b709ae8"},{"children":[{"_type":"span","marks":[],"text":"While small businesses can often simply add an API to their existing commerce platform, mid-market and enterprise companies would be better off switching to a SaaS solution. One of the key advantages of a SaaS solution like Shopify is that it offers APIs that enable companies to seamlessly go headless.","_key":"26e259b504c30"}],"_type":"block","style":"normal","_key":"5362faf35449","markDefs":[],"image":null,"asset":null},{"children":[{"_type":"span","marks":[],"text":"Step 2: Choose a headless CMS.","_key":"af36726f76f80"}],"_type":"block","image":null,"asset":null,"style":"h3","_key":"4f9abce2d42f","markDefs":[]},{"_key":"4257597a823c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Any business that offers an omnichannel experience would benefit from a headless content management system (CMS). Sanity can be used as a headless CMS built for modern frameworks and practices. It integrates directly with Shopify, seamlessly linking the commerce platform with the presentation layer.","_key":"0100016bffea0"}],"_type":"block","image":null,"asset":null,"style":"normal"},{"_type":"block","style":"h3","_key":"7ead08d0903a","markDefs":[],"children":[{"text":"Step 3: Sync your CMS to your APIs.","_key":"3a43bd9542730","_type":"span","marks":[]}],"image":null,"asset":null},{"_key":"2c036af3f4c8","markDefs":[],"children":[{"marks":[],"text":"In this step, the front end and back end are integrated. Teams that are switching from a traditional commerce platform to a headless platform, rather than starting from scratch, should break this step into smaller sub-steps. First, build out and sync APIs to individual elements of the presentation layer, like a landing page. Then iterate as necessary.","_key":"6fcf7184aed10","_type":"span"}],"_type":"block","image":null,"asset":null,"style":"normal"},{"description":[{"_type":"block","style":"normal","_key":"a96573266107","markDefs":[{"_type":"link","href":"https://www.sanity.io/contact/sales?utm_campaign=shopify","_key":"4b52f283bb60"}],"children":[{"_type":"span","marks":["4b52f283bb60"],"text":"Contact us","_key":"21ee110fa8520"},{"_type":"span","marks":[],"text":" to learn more about getting started in Shopify with Sanity or try it yourself today!","_key":"21ee110fa8521"}]}],"_key":"c99a24043d0f","title":"Ready to start building?","url":"/get-started","_type":"callToActionBox","linkText":"Try Sanity","image":null,"asset":null,"markDefs":null}],"handbook":null,"descriptionForcedPlain":"Learn why leading brands are going headless and how it enables personalized, flexible, and agile shopping experiences.","seoDescription":"Learn why leading brands are going headless and how it enables personalized, flexible, and agile shopping experiences."}},"__N_SSP":true},"page":"/[slug]","query":{"slug":"headless-commerce"},"buildId":"kUPGUAVW19H-tv6FSKnNv","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[92866],"gssp":true,"scriptLoader":[]}</script></body></html>