[{"data":1,"prerenderedAt":443},["ShallowReactive",2],{"bootstrap":3,"page-headless-commerce":277},{"navigation":4,"globalConfig":196,"forms":218},{"headerSections":5,"headerFooterLinks":67,"footer":76,"legalLinks":153,"socialLinks":176},[6,39,44,50,57,62],{"hasSubMenu":7,"title":8,"links":9,"columns":38},true,"Product",[10,20,26,32],{"showTag":11,"_modelApiKey":12,"text":13,"subtitle":14,"icon":15,"isExternal":11,"link":16,"openForm":11},false,"navigation_link","Universal checkout","Sell anywhere","globe-simple",{"_modelApiKey":17,"slug":18,"title":19},"page","universal-checkout","Universal Checkout",{"showTag":11,"_modelApiKey":12,"text":21,"subtitle":22,"icon":23,"isExternal":11,"link":24,"openForm":11},"Distributed OMS","Manage orders","package",{"_modelApiKey":17,"slug":25,"title":21},"distributed-oms",{"showTag":11,"_modelApiKey":12,"text":27,"subtitle":28,"icon":29,"isExternal":11,"link":30,"openForm":11},"Promotion engine","Automated discounts","seal-percent",{"_modelApiKey":17,"slug":31,"title":27},"promotion-engine",{"showTag":11,"_modelApiKey":12,"text":33,"subtitle":34,"icon":35,"isExternal":11,"link":36,"openForm":11},"POS system","Operate stores","devices",{"_modelApiKey":17,"slug":37,"title":33},"pos-system",2,{"hasSubMenu":11,"showTag":11,"_modelApiKey":12,"text":40,"isExternal":11,"link":41,"openForm":11,"title":40},"Pricing",{"_modelApiKey":42,"slug":43},"pricing_page","pricing",{"hasSubMenu":11,"showTag":11,"_modelApiKey":12,"text":45,"isExternal":11,"link":46,"openForm":11,"title":45},"Customers",{"_modelApiKey":47,"slug":48,"title":49},"customer_landing_page","customers","Customers page",{"hasSubMenu":11,"showTag":11,"_modelApiKey":12,"text":51,"isExternal":11,"link":52,"openForm":11,"form":54,"title":51},"Partners",{"_modelApiKey":17,"slug":53,"title":51},"partners",{"_modelApiKey":55,"slug":53,"name":56},"form","PartnersForm",{"hasSubMenu":11,"showTag":11,"_modelApiKey":12,"text":58,"label":59,"isExternal":7,"url":60,"openForm":11,"title":61},"Docs Hub","Learn more","https:\u002F\u002Fdocs.commercelayer.io\u002F","Docs",{"hasSubMenu":11,"showTag":11,"_modelApiKey":12,"text":63,"isExternal":11,"link":64,"openForm":11,"title":63},"Blog",{"_modelApiKey":65,"slug":66},"blog_landing_page","blog",[68,72],{"text":69,"link":70},"Sign in",{"_modelApiKey":12,"text":69,"isExternal":7,"url":71,"openForm":11},"https:\u002F\u002Fdashboard.commercelayer.io\u002Fsign_in",{"text":73,"link":74},"Sign up for free",{"_modelApiKey":12,"text":73,"isExternal":7,"url":75,"openForm":11},"https:\u002F\u002Fdashboard.commercelayer.io\u002Fsign_up",[77,89,109,132],{"hasSubMenu":7,"title":8,"links":78},[79,81,83,85,87],{"showTag":11,"_modelApiKey":12,"text":13,"subtitle":14,"icon":15,"isExternal":11,"link":80,"openForm":11},{"_modelApiKey":17,"slug":18,"title":19},{"showTag":11,"_modelApiKey":12,"text":21,"subtitle":22,"icon":23,"isExternal":11,"link":82,"openForm":11},{"_modelApiKey":17,"slug":25,"title":21},{"showTag":11,"_modelApiKey":12,"text":27,"subtitle":28,"icon":29,"isExternal":11,"link":84,"openForm":11},{"_modelApiKey":17,"slug":31,"title":27},{"showTag":11,"_modelApiKey":12,"text":33,"subtitle":34,"icon":35,"isExternal":11,"link":86,"openForm":11},{"_modelApiKey":17,"slug":37,"title":33},{"showTag":11,"_modelApiKey":12,"text":40,"isExternal":11,"link":88,"openForm":11},{"_modelApiKey":42,"slug":43},{"hasSubMenu":7,"title":90,"links":91},"Resources",[92,94,99,104,107],{"showTag":11,"_modelApiKey":12,"text":93,"isExternal":7,"url":60,"openForm":11},"Documentation",{"showTag":11,"_modelApiKey":12,"text":95,"label":95,"isExternal":11,"link":96,"openForm":11},"Agentic Commerce",{"_modelApiKey":17,"slug":97,"title":98},"agentic-commerce-whitepaper","Agentic Commerce Whitepaper",{"showTag":11,"_modelApiKey":12,"text":100,"isExternal":11,"link":101,"openForm":11},"Core concepts",{"_modelApiKey":17,"slug":102,"title":103},"headless-commerce","Headless commerce",{"showTag":11,"_modelApiKey":12,"text":105,"isExternal":7,"url":106,"openForm":11},"Changelog","https:\u002F\u002Fdocs.commercelayer.io\u002Fchangelog\u002F",{"showTag":11,"_modelApiKey":12,"text":63,"isExternal":11,"link":108,"openForm":11},{"_modelApiKey":65,"slug":66},{"hasSubMenu":7,"title":110,"links":111},"Company",[112,116,118,121,126],{"showTag":11,"_modelApiKey":12,"text":113,"isExternal":11,"link":114,"openForm":11},"Vision",{"_modelApiKey":17,"slug":115,"title":113},"vision",{"showTag":11,"_modelApiKey":12,"text":45,"isExternal":11,"link":117,"openForm":11},{"_modelApiKey":47,"slug":48,"title":49},{"showTag":11,"_modelApiKey":12,"text":51,"isExternal":11,"link":119,"openForm":11,"form":120},{"_modelApiKey":17,"slug":53,"title":51},{"_modelApiKey":55,"slug":53,"name":56},{"showTag":11,"_modelApiKey":12,"text":122,"isExternal":11,"link":123,"openForm":11},"Security",{"_modelApiKey":17,"slug":124,"title":125},"security","Security at Commerce Layer",{"showTag":11,"_modelApiKey":12,"text":127,"label":128,"isExternal":11,"openForm":7,"form":129},"Giveback","Giveback program",{"_modelApiKey":55,"slug":130,"name":131},"giveback","GivebackForm",{"hasSubMenu":7,"title":133,"links":134},"Get in touch",[135,140,145,149],{"showTag":11,"_modelApiKey":12,"text":136,"isExternal":11,"openForm":7,"form":137},"Contact",{"_modelApiKey":55,"slug":138,"name":139},"contact","ContactUsForm",{"showTag":11,"_modelApiKey":12,"text":141,"isExternal":11,"openForm":7,"form":142},"Book a demo",{"_modelApiKey":55,"slug":143,"name":144},"demo","RequestDemoForm",{"showTag":11,"_modelApiKey":12,"text":146,"label":147,"isExternal":7,"url":148,"openForm":11},"Support","Email support","mailto:support@commercelayer.io",{"showTag":11,"_modelApiKey":12,"text":150,"label":151,"isExternal":7,"url":152,"openForm":11},"Community","Discord community","https:\u002F\u002Fdiscord.gg\u002Fcommercelayer",{"hasSubMenu":7,"title":154,"links":155},"Legal",[156,161,165,169,173],{"showTag":11,"_modelApiKey":12,"text":157,"label":158,"isExternal":7,"url":159,"openForm":11,"htmlClassNames":160},"Terms","Terms and conditions","\u002Flegal-embed\u002Fterms-of-service","iubenda-nostyle no-brand iubenda-noiframe iubenda-embed",{"showTag":11,"_modelApiKey":12,"text":162,"label":163,"isExternal":7,"url":164,"openForm":11,"htmlClassNames":160},"Privacy","Privacy policy","\u002Flegal-embed\u002Fprivacy-policy",{"showTag":11,"_modelApiKey":12,"text":166,"label":167,"isExternal":7,"url":168,"openForm":11,"htmlClassNames":160},"Cookies","Cookie policy","\u002Flegal-embed\u002Fcookie-policy",{"showTag":11,"_modelApiKey":12,"text":170,"isExternal":7,"url":171,"openForm":11,"htmlClassNames":172},"Notice at collection","#","iubenda-cs-uspr-link",{"showTag":11,"_modelApiKey":12,"text":174,"isExternal":7,"url":171,"openForm":11,"htmlClassNames":175},"Privacy preferences","iubenda-cs-preferences-link",[177,180,184,188,192],{"title":178,"type":179,"url":152,"isExternal":7},"Discord","discord-logo",{"title":181,"type":182,"url":183,"isExternal":7},"Github","github","https:\u002F\u002Fgithub.com\u002Fcommercelayer",{"title":185,"type":186,"url":187,"isExternal":7},"Bluesky","bluesky-logo","https:\u002F\u002Fbsky.app\u002Fprofile\u002Fcommercelayer.io",{"title":189,"type":190,"url":191,"isExternal":7},"X","x-logo","https:\u002F\u002Fx.com\u002Fcommercelayer",{"title":193,"type":194,"url":195,"isExternal":7},"LinkedIn","linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fcommerce-layer",{"pagesWithoutCtaPanel":197,"ctaPanel":198,"notification":208,"showApiResponseTime":11,"newsletterSignup":216},[],{"title":199,"subtitle":200,"ctas":201},"Ready to get started?","Discover how we can help your business.",[202,205],{"_modelApiKey":203,"text":204,"isExternal":7,"url":75,"openForm":11},"link","Get started for free",{"_modelApiKey":203,"text":206,"isExternal":11,"openForm":7,"form":207},"Contact us",{"_modelApiKey":55,"slug":138,"name":139},{"showNotification":7,"link":209,"linkText":210,"text":215},{"_modelApiKey":203,"text":210,"isExternal":11,"link":211,"openForm":11},"Read article",{"_modelApiKey":212,"slug":213,"title":214},"blog_post","payment-api-redesigned","Introducing our new Payments API. For humans and agents.","\u003Cp>Introducing our new Payments API. For humans and agents.\u003C\u002Fp>\n",{"ctaText":217},"Subscribe",[219,225,229,236,240,246,249,253,261,262,267,272,274],{"_modelApiKey":55,"slug":220,"pardotFormEmbedCode":221,"formEmbedMinHeight":222,"successTitle":223,"successCopy":224},"agentic-commerce","https:\u002F\u002Fcommercelayer.fillout.com\u002Ft\u002F5w4Khwgxr6us?whitepaper=agentic",520,"Thank you for your request!","We’ll be in touch soon to arrange a date and time for your personalized demo.",{"_modelApiKey":55,"slug":226,"pardotFormEmbedCode":227,"formEmbedMinHeight":228,"successTitle":223,"successCopy":224},"shopify","https:\u002F\u002Fform.fillout.com\u002Ft\u002FgVnLSmKZwRus",850,{"_modelApiKey":55,"slug":130,"pardotFormEmbedCode":230,"formEmbedMinHeight":231,"displayTitle":232,"copy":233,"successTitle":234,"successCopy":235},"https:\u002F\u002Fform.fillout.com\u002Ft\u002FmVDF8aAiofus",500,"We give back.","\u003Cp>Part of Commerce Layer's company ethos is to empathize and support one another: co-workers, customers, and community. We want to do our part to help nonprofit organizations and small businesses who may feel adversely affected by the current global economic climate, and as a result, need in-kind support to reach their customers.\u003C\u002Fp>\n\n\u003Cp>If this general description matches your organization’s needs, please tell us your story by completing the following form so we can consider helping your cause.\u003C\u002Fp>\n","Thank you!","We will contact you soon to learn more about your story.",{"_modelApiKey":55,"slug":237,"pardotFormEmbedCode":227,"formEmbedMinHeight":228,"displayTitle":238,"copy":239},"book-an-onboarding-session","Book an onboarding session","\u003Cp>Schedule some time and our devs will help you set up a Commerce Layer + Sanity store.\u003C\u002Fp>\n",{"_modelApiKey":55,"slug":241,"pardotFormEmbedCode":242,"formEmbedMinHeight":243,"displayTitle":244,"successTitle":234,"successCopy":245},"download-our-whitepaper","https:\u002F\u002Fform.fillout.com\u002Ft\u002F5YPWmy8oT7us?whitepaper=ComposableCommerce",450,"Download our whitepaper.","Check your inbox. You should receive a download link soon.",{"_modelApiKey":55,"slug":247,"pardotFormEmbedCode":248,"formEmbedMinHeight":243,"displayTitle":244,"successTitle":234,"successCopy":245},"download-the-content-and-commerce-whitepaper","https:\u002F\u002Fform.fillout.com\u002Ft\u002F5YPWmy8oT7us?whitepaper=ContentAndCommerce",{"_modelApiKey":55,"slug":250,"pardotFormEmbedCode":251,"formEmbedMinHeight":243,"displayTitle":244,"copy":252,"successTitle":234,"successCopy":245},"whitepaper","https:\u002F\u002Fform.fillout.com\u002Ft\u002F5YPWmy8oT7us?whitepaper=Jamstack","\u003Cp>Commerce Layer is the perfect platform for building commerce on the Jamstack. Convert any design into pixel perfect HTML pages. Connect a best-of-breed headless CMS. Go serverless and forget the hassle of managing complex infrastructures.\u003C\u002Fp>\n",{"_modelApiKey":55,"slug":254,"pardotFormEmbedCode":255,"formEmbedMinHeight":256,"displayTitle":257,"copy":258,"successTitle":259,"successCopy":260},"contact-links","https:\u002F\u002Fform.fillout.com\u002Ft\u002FeWPyhHGHT7us",750,"Contact us.","\u003Cp>Tell us about your project. Our team will reach out to you for a personalized offer.\u003C\u002Fp>\n","Thanks for your message!","We’ll be in touch soon to discuss your project details.",{"_modelApiKey":55,"slug":138,"pardotFormEmbedCode":255,"formEmbedMinHeight":256,"displayTitle":257,"copy":258,"successTitle":259,"successCopy":260},{"_modelApiKey":55,"slug":263,"pardotFormEmbedCode":227,"formEmbedMinHeight":228,"displayTitle":264,"successTitle":265,"successCopy":266},"demo-embed","Want to see it in action? Request a demo.","Thanks for your request!","We’ll be in touch soon to arrange a date and time for your free live demo.",{"_modelApiKey":55,"slug":53,"pardotFormEmbedCode":268,"formEmbedMinHeight":228,"displayTitle":269,"copy":270,"successTitle":234,"successCopy":271},"https:\u002F\u002Fform.fillout.com\u002Ft\u002F9MTkDWMUSqus","Become our partner.","\u003Cp>Join us and get our guidance in helping your clients succeed. Our partners are our ambassadors. We are committed to your success as much as you are.\u003C\u002Fp>\n","We will contact you soon to discuss the details of our partnership.",{"_modelApiKey":55,"slug":273,"pardotFormEmbedCode":268,"formEmbedMinHeight":228,"displayTitle":269,"copy":270,"successTitle":234,"successCopy":271},"partners-embed",{"_modelApiKey":55,"slug":143,"pardotFormEmbedCode":227,"formEmbedMinHeight":228,"displayTitle":275,"copy":276,"successTitle":265,"successCopy":266},"Get a free live demo.","\u003Cp>Get a personalized demo and learn more about what Commerce Layer can do for your company.\u003C\u002Fp>\n",{"displayTitle":103,"slug":102,"description":278,"buttons":279,"layout":280,"addFooterMarginTop":11,"_seoMetaTags":325,"seoMetaTags":388,"content":422,"partners":441,"technologyPartners":442},"Headless commerce separates the commerce backend from the presentation layer, so frontend, content, and backend teams can move independently.",[],[281,284,289,291,294],{"_modelApiKey":282,"copy":283},"highlight_block","In this guide, you’ll learn what headless commerce is, how the Jamstack approach turns headless into fast, statically-served, experiences, why content and commerce should never be treated as the same discipline, how Commerce Layer supports all of this natively.",{"_modelApiKey":285,"copy":286,"listStyle":287,"darkTheme":11,"buttons":288},"wysiwyg","\u003Ch3>Traditional commerce vs. headless commerce\u003C\u002Fh3>\n\n\u003Cp>Traditional commerce is built on a monolithic architecture: the presentation layer, business logic, server, database, and integrations are all tightly coupled into one single, deployable application. That's fine until any single component needs to change — at which point the whole system becomes hard to manage, slow to update, and expensive to scale. Headless commerce fixes this by decoupling the frontend (the "head") from the backend, turning them into independent modules that communicate through APIs. The same four problems show up again and again in a monolith — and each has a direct headless counterpart:\u003C\u002Fp>\n\n\u003Ch4>Speed and Flexibility\u003C\u002Fh4>\n\n\u003Cp>A complex, tightly-coupled application has a large codebase that requires more processing time, I\u002FO, CPU, and memory to run, which shows up as slow load speeds — a serious problem when most shoppers are on mobile and a few hundred milliseconds of delay can send them to a competitor. Large shared codebases also slow developers down, since every team works on the same code. With headless commerce, each component has a smaller, simpler codebase: frontend developers work independently in their preferred stack, content managers use a best-of-breed CMS, and backend developers build business logic without frontend constraints.\u003C\u002Fp>\n\n\u003Ch4>Cost and Scalability\u003C\u002Fh4>\n\n\u003Cp>In a monolith, even the smallest change requires redeploying the entire application — slow, risky, and a common source of downtime — and different components can't be scaled independently even though they often have very different resource needs. Headless commerce removes that constraint: with static generation and CDN delivery, presentation-layer pages can be built once, cached, and served cheaply at scale, new channels and features can be added without touching the backend, and new front-end technologies can be adopted without a platform-wide migration.\u003C\u002Fp>\n\n\u003Ch4>Security and Reliability\u003C\u002Fh4>\n\n\u003Cp>If a security issue affects one component of a monolith, the entire application is exposed and can go down while it's fixed — there's no way to isolate the blast radius of a bug or an attack to a single service. In a headless setup, issues can be isolated and fixed at the component level instead of taking down the whole system, and specialized third-party services can harden each part of the stack independently.\u003C\u002Fp>\n\n\u003Ch4>Modularity\u003C\u002Fh4>\n\n\u003Cp>Monolithic code can't easily be broken into reusable modules, which makes it harder to implement new features, test in isolation, or reuse logic across projects. Headless components, by contrast, can be built once and reused across channels, which speeds up new feature development and testing.\u003C\u002Fp>\n","Directional",[],{"_modelApiKey":282,"copy":290},"Beyond fixing these four problems, headless commerce brings one more structural benefit: because the presentation layer is decoupled from the backend, teams can serve consistent omnichannel experiences — the same code and content — across multiple platforms and devices, and ship changes frequently with little or no backend work and no interruption to the customer experience.",{"_modelApiKey":285,"copy":292,"listStyle":287,"darkTheme":11,"buttons":293},"\u003Ch3>Headless in practice: the Jamstack approach\u003C\u002Fh3>\n\n\u003Cp>Jamstack — JavaScript, APIs, and Markup — is one of the most common ways to put headless commerce into practice. Instead of generating pages on a server at request time, a Jamstack site is pre-built by a static site generator, deployed as plain HTML, and served directly from a CDN (content delivery network). Server-side functionality — search, personalization, checkout, and more — is added back in through APIs, so the site stays fast and simple while remaining fully dynamic where it needs to be.\u003C\u002Fp>\n\n\u003Cp>The payoff is speed: \u003Ca href=\"https:\u002F\u002Fwww.thinkwithgoogle.com\u002Fmarketing-strategies\u002Fapp-and-mobile\u002Fmobile-page-speed-load-time\u002F\">according to Google\u003C\u002Fa>, users start abandoning a site once it takes longer than 3 seconds to load. Because Jamstack pages are pre-generated and cached at the edge, they reach users faster than pages rendered on demand — which shows up directly in conversion rates. It also shrinks the attack surface, since there's no live server rendering pages on every request, and makes it easier to absorb sudden traffic spikes, because serving a static page to a million visitors costs little more than serving it to one.\u003C\u002Fp>\n\n\u003Cp>Commerce Layer was built to plug directly into this model: our commerce APIs can turn any Jamstack site into a fully transactional store, without requiring a rewrite of the frontend.\u003C\u002Fp>\n\n\u003Ch3>Content and commerce are not the same thing\u003C\u002Fh3>\n\n\u003Cp>Content is often mistaken for commerce, but the two need very different handling. Content — product descriptions, images, videos, reviews, guides, marketing copy — is created through an editorial process and is meant to inform and persuade. Commerce is the transactional layer: prices, inventory, orders, shipping, promotions, payments. One is about communication; the other is about executing a sale.\u003C\u002Fp>\n\n\u003Cp>Conflating the two limits both. Content teams need a system built for editorial workflows — drafting, versioning, publishing, localization — not a commerce engine bolted on as an afterthought. Commerce teams need a system built for transactional integrity, compliance, and scale, not a CMS stretched past what it's good at.\u003C\u002Fp>\n\n\u003Cp>Commerce Layer isn't a content layer, and doesn't try to be one. It handles the transactional side of a sales channel — orders, inventory, prices, checkout — and lets you plug in whichever headless CMS your content team already prefers. That separation means content creators can work in the tool built for them, developers can build with the stack they prefer, and both sides can evolve independently without stepping on each other.\u003C\u002Fp>\n\n\u003Ch3>How Commerce Layer supports headless commerce\u003C\u002Fh3>\n\n\u003Cp>Commerce Layer \u003Ca href=\"https:\u002F\u002Fcommercelayer.io\u002Fblog\u002Fwhy-we-created-a-new-ecommerce-platform\">was built API-first from day one\u003C\u002Fa>, specifically to support headless commerce natively. Our commerce APIs cover inventory, orders, shopping carts, payments, prices, checkout, promotions, shipments, and customers — everything needed to run the transactional side of a store, independent of whatever frontend or CMS you choose.\u003C\u002Fp>\n\n\u003Cp>That means you can integrate a single Commerce Layer backend with as many presentation layers as you need — desktop, mobile, watch, IoT, chatbot, and more — while managing content on any best-of-breed CMS you like. It's the same architecture that has taken us from powering headless websites, to composable commerce stacks, to \u003Ca href=\"https:\u002F\u002Fcommercelayer.io\u002Fagentic-commerce\">agentic commerce\u003C\u002Fa>: the same APIs serving a human shopper today can serve an AI agent tomorrow, without re-platforming.\u003C\u002Fp>\n",[],{"_modelApiKey":295,"displayTitle":296,"titlePositioning":297,"titleTag":298,"subtitle":299,"copy":299,"columns":300,"cards":301,"cta":307,"ctaText":299,"darkTheme":7},"card_grid","Explore more","start","h2","","3",[302,313,319],{"_modelApiKey":303,"cardStackSize":304,"copy":305,"displayTitle":306,"subtitle":299,"hideTitleIfImageIsSet":11,"image":307,"iconName":299,"iconColour":308,"link":309,"linkText":310},"information_card","Column","\u003Cp>Modern commerce keeps changing shape, and businesses need to adapt fast — adopting best-of-breed tools to solve specific problems instead of accepting whatever a single vendor bundles together.\u003C\u002Fp>\n","Composable Commerce",null,"violet",{"_modelApiKey":203,"text":310,"label":299,"subtitle":299,"icon":299,"isExternal":11,"url":299,"link":311,"anchor":299,"openForm":11,"form":307,"htmlClassNames":299},"Read more",{"_modelApiKey":17,"slug":312,"title":306},"composable-commerce",{"_modelApiKey":303,"cardStackSize":304,"copy":314,"displayTitle":315,"subtitle":299,"hideTitleIfImageIsSet":11,"image":307,"iconName":299,"iconColour":308,"link":316,"linkText":310},"\u003Cp>Global markets are one of the biggest revenue opportunities available to a growing business — and one of the most operationally demanding.\u003C\u002Fp>\n","Selling Internationally",{"_modelApiKey":203,"text":310,"label":299,"subtitle":299,"icon":299,"isExternal":11,"url":299,"link":317,"anchor":299,"openForm":11,"form":307,"htmlClassNames":299},{"_modelApiKey":17,"slug":318,"title":315},"selling-internationally",{"_modelApiKey":303,"cardStackSize":304,"copy":320,"displayTitle":321,"subtitle":299,"hideTitleIfImageIsSet":11,"image":307,"iconName":299,"iconColour":308,"link":322,"linkText":310},"\u003Cp>The number of devices and touchpoints customers use to shop keeps growing, and every one of them is a chance for a business to sell, build a relationship, and grow revenue.\u003C\u002Fp>\n","Omnichannel Commerce",{"_modelApiKey":203,"text":310,"label":299,"subtitle":299,"icon":299,"isExternal":11,"url":299,"link":323,"anchor":299,"openForm":11,"form":307,"htmlClassNames":299},{"_modelApiKey":17,"slug":324,"title":321},"omnichannel-commerce",[326,329,333,336,340,343,346,350,354,358,361,365,369,373,377,380,384],{"attributes":307,"tag":327,"content":328},"title","Headless Commerce: What It Is, How It Works, and Why It Matters | Commerce Layer ",{"attributes":330,"tag":332,"content":307},{"property":331,"content":328},"og:title","meta",{"attributes":334,"tag":332,"content":307},{"name":335,"content":328},"twitter:title",{"attributes":337,"tag":332,"content":307},{"name":338,"content":339},"description","Understand headless commerce: how it solves the limits of monolithic platforms, how Jamstack fits in as its technical implementation, and why content and commerce should stay decoupled. See how Commerce Layer supports it natively.",{"attributes":341,"tag":332,"content":307},{"property":342,"content":339},"og:description",{"attributes":344,"tag":332,"content":307},{"name":345,"content":339},"twitter:description",{"attributes":347,"tag":332,"content":307},{"property":348,"content":349},"og:image","https:\u002F\u002Fwww.datocms-assets.com\u002F35053\u002F1644861582-headless-commerce.jpg?auto=format&fit=max&w=1200",{"attributes":351,"tag":332,"content":307},{"property":352,"content":353},"og:image:width","1200",{"attributes":355,"tag":332,"content":307},{"property":356,"content":357},"og:image:height","630",{"attributes":359,"tag":332,"content":307},{"name":360,"content":349},"twitter:image",{"attributes":362,"tag":332,"content":307},{"property":363,"content":364},"og:locale","en",{"attributes":366,"tag":332,"content":307},{"property":367,"content":368},"og:type","article",{"attributes":370,"tag":332,"content":307},{"property":371,"content":372},"og:site_name","Commerce Layer",{"attributes":374,"tag":332,"content":307},{"property":375,"content":376},"article:modified_time","2026-07-28T07:12:58Z",{"attributes":378,"tag":332,"content":307},{"property":379,"content":299},"article:publisher",{"attributes":381,"tag":332,"content":307},{"name":382,"content":383},"twitter:card","summary_large_image",{"attributes":385,"tag":332,"content":307},{"name":386,"content":387},"twitter:site","@commercelayer",[389,390,392,394,396,398,400,402,404,406,408,410,412,414,416,418,420],{"attributes":307,"tag":327,"content":328},{"attributes":391,"tag":332,"content":307},{"property":331,"content":328},{"attributes":393,"tag":332,"content":307},{"name":335,"content":328},{"attributes":395,"tag":332,"content":307},{"name":338,"content":339},{"attributes":397,"tag":332,"content":307},{"property":342,"content":339},{"attributes":399,"tag":332,"content":307},{"name":345,"content":339},{"attributes":401,"tag":332,"content":307},{"property":348,"content":349},{"attributes":403,"tag":332,"content":307},{"property":352,"content":353},{"attributes":405,"tag":332,"content":307},{"property":356,"content":357},{"attributes":407,"tag":332,"content":307},{"name":360,"content":349},{"attributes":409,"tag":332,"content":307},{"property":363,"content":364},{"attributes":411,"tag":332,"content":307},{"property":367,"content":368},{"attributes":413,"tag":332,"content":307},{"property":371,"content":372},{"attributes":415,"tag":332,"content":307},{"property":375,"content":376},{"attributes":417,"tag":332,"content":307},{"property":379,"content":299},{"attributes":419,"tag":332,"content":307},{"name":382,"content":383},{"attributes":421,"tag":332,"content":307},{"name":386,"content":387},[423,424,427,428,430],{"_modelApiKey":282,"copy":283,"color":308},{"_modelApiKey":285,"copy":286,"listStyle":425,"darkTheme":11,"buttons":426,"color":308,"indent":7},"directional",[],{"_modelApiKey":282,"copy":290,"color":308},{"_modelApiKey":285,"copy":292,"listStyle":425,"darkTheme":11,"buttons":429,"color":308,"indent":11},[],{"_modelApiKey":295,"displayTitle":296,"titlePositioning":297,"titleTag":298,"subtitle":299,"copy":299,"columns":300,"cards":431,"cta":307,"ctaText":299,"darkTheme":7},[432,435,438],{"_modelApiKey":303,"cardStackSize":304,"copy":305,"displayTitle":306,"subtitle":299,"hideTitleIfImageIsSet":11,"image":307,"iconName":299,"iconColour":308,"link":433,"linkText":310},{"_modelApiKey":203,"text":310,"label":299,"subtitle":299,"icon":299,"isExternal":11,"url":299,"link":434,"anchor":299,"openForm":11,"form":307,"htmlClassNames":299},{"_modelApiKey":17,"slug":312,"title":306},{"_modelApiKey":303,"cardStackSize":304,"copy":314,"displayTitle":315,"subtitle":299,"hideTitleIfImageIsSet":11,"image":307,"iconName":299,"iconColour":308,"link":436,"linkText":310},{"_modelApiKey":203,"text":310,"label":299,"subtitle":299,"icon":299,"isExternal":11,"url":299,"link":437,"anchor":299,"openForm":11,"form":307,"htmlClassNames":299},{"_modelApiKey":17,"slug":318,"title":315},{"_modelApiKey":303,"cardStackSize":304,"copy":320,"displayTitle":321,"subtitle":299,"hideTitleIfImageIsSet":11,"image":307,"iconName":299,"iconColour":308,"link":439,"linkText":310},{"_modelApiKey":203,"text":310,"label":299,"subtitle":299,"icon":299,"isExternal":11,"url":299,"link":440,"anchor":299,"openForm":11,"form":307,"htmlClassNames":299},{"_modelApiKey":17,"slug":324,"title":321},[],[],1790330007509]