# Headless Commerce ## Shopify [ヘッドレスコマース入門：ネットショップはヘッドレス化するべき？【2023年版】 - Shopify 日本](https://www.shopify.com/jp/blog/headless-commerce#5) 1. ヘッドレスコマースとは？ 2. ヘッドレスコマースの仕組み 3. ヘッドレスとほかのCMSアーキテクチャの違い 4. ヘッドレスは自社に適しているか？ 5. ヘッドレス化するメリット 6. ヘッドレスコマースのトレンド 7. ヘッドレスとオムニチャネルコマースのマリアージュ 8. ヘッドレスコマースのウェブサイト事例 [Hydrogen: Shopify’s headless commerce framework • Hydrogen: Shopify’s headless commerce framework](https://hydrogen.shopify.dev/) > Fast-track your storefront build with Hydrogen, our React-based headless commerce stack, now built on Remix. Deploy for free on Oxygen, our global hosting solution, now available to more Shopify plans. [Oxygen](https://shopify.dev/docs/custom-storefronts/oxygen) > Oxygen is a hosting platform for [Hydrogen storefronts](https://shopify.dev/docs/custom-storefronts/hydrogen), which is accessed through the [Hydrogen channel](https://apps.shopify.com/hydrogen). Oxygen maintains server infrastructure and enables you to manage and deploy Hydrogen storefronts. You can [deploy a Hydrogen storefront to different Oxygen environments](https://shopify.dev/docs/custom-storefronts/oxygen/storefronts), enabling you to preview and share different versions of the storefront. ## Next.js Commerce [Next.js by Vercel - The React Framework](https://nextjs.org/commerce) > The all-in-one React starter kit for high-performance ecommerce sites. Clone, deploy, and fully customize with a few clicks. [Building Ecommerce Sites with Next.js and Shopify | Vercel Docs](https://vercel.com/guides/building-ecommerce-sites-with-next-js-and-shopify)