{"id":396840,"date":"2023-08-24T11:46:34","date_gmt":"2023-08-24T11:46:34","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=396840"},"modified":"2025-09-18T10:10:10","modified_gmt":"2025-09-18T10:10:10","slug":"how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/","title":{"rendered":"How To Deploy A Shopify Hydrogen Storefront To Oxygen"},"content":{"rendered":"\n<p>Oxygen serves as a hosting solution that empowers you to effortlessly deploy and preview your <a href=\"https:\/\/webkul.com\/shopify-headless-development\/\">Shopify Hydrogen<\/a> storefront, eliminating the need for intricate infrastructure setup and maintenance.<\/p>\n\n\n\n<p>Within this blog post, you&#8217;ll be guided through the process of seamlessly integrating the Hydrogen channel into your Shopify store and effectively deploying your storefront.<\/p>\n\n\n\n<p><strong>Requirements<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A Shopify store should have a valid plan (Basic, Shopify, Advanced), and make sure the store will not be in a development store.<\/li>\n\n\n\n<li>Should have <strong>Apps and channel<\/strong>&nbsp;permissions<\/li>\n\n\n\n<li>Should have a <strong>GitHub<\/strong> account.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Add the Hydrogen App<\/h2>\n\n\n\n<p>You need to install the Hydrogen app that will enable a storefront channel and use of Oxygen for you where you can manage the storefront.<\/p>\n\n\n\n<p>The Hydrogen channel can be installed using the provided procedure, or alternatively, you have the option to install it directly from the<a href=\"https:\/\/apps.shopify.com\/hydrogen?shpxid=26aeb927-4F19-4AB0-7454-CA7B19E0BBB9\"> Shopify App Store<\/a>.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the &#8220;<strong>Sales channels<\/strong>&#8221; section from your Shopify admin and then click on the &#8220;&gt;&#8221; symbol.<\/li>\n\n\n\n<li>Select the option for &#8220;<strong>All recommended sales channels<\/strong>.&#8221;<\/li>\n\n\n\n<li>Choose the &#8220;<strong>Hydrogen<\/strong>&#8221; option under the build custom storefronts section.<\/li>\n\n\n\n<li>Proceed by clicking on the &#8220;<strong>Install<\/strong>&#8221; button.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"521\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png\" alt=\"image-267\" class=\"wp-image-396848\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-300x130.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-250x109.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-768x333.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267.png 1414w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"649\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268-1200x649.png\" alt=\"image-268\" class=\"wp-image-396849\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268-1200x649.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268-300x162.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268-250x135.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268-768x416.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268-1536x831.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-268.png 1643w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After the successful installation of the Hydrogen sales channel app, you should proceed by clicking on the &#8220;Hydrogen&#8221; option within the sales channels. <\/p>\n\n\n\n<p>This action will lead you to the section dedicated to storefronts where you can create\/manage your Shopify Hydrogen storefront and customize various aspects of your storefront settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Create a Shopify Hydrogen storefront<\/h2>\n\n\n\n<p>Within the Hydrogen sales channels interface, it&#8217;s necessary to select the &#8220;Create Storefront&#8221; option. This action will enable you to initiate the process of setting up a new storefront.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"377\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270-1200x377.png\" alt=\"image-270\" class=\"wp-image-396865\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270-1200x377.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270-300x94.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270-768x242.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270-1536x483.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-270.png 1847w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Following that, your next step should involve creating a new repository, and making use of the provided starter Shopify Hydrogen storefront template. <\/p>\n\n\n\n<p>Alternatively, if you have already developed the Shopify Hydrogen storefront theme on GitHub, you have the option to connect the existing repository. <\/p>\n\n\n\n<p>This allows for seamless integration and management of your storefront&#8217;s codebase.<\/p>\n\n\n\n<p>In the absence of an existing storefront repository, you can initiate the creation process by following these steps.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start by choosing the &#8220;Demo Store&#8221; starter template. This will serve as the initial framework for your storefront&#8217;s development.<\/li>\n\n\n\n<li>Opt for a template language: either JavaScript or TypeScript. This decision determines the language used for your storefront&#8217;s template development.<\/li>\n\n\n\n<li>Choose your GitHub account and input the repository name. The repository is set to private by default, but you have the option to select &#8220;public&#8221; if you prefer. This choice determines the visibility of your repository on GitHub.<\/li>\n\n\n\n<li>Subsequently, click the &#8220;Create&#8221; button. This action will initiate the process of generating your repository based on the selected template and settings.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"590\" height=\"866\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-271.png\" alt=\"image-271\" class=\"wp-image-396866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-271.png 590w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-271-204x300.png 204w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-271-170x249.png 170w\" sizes=\"(max-width: 590px) 100vw, 590px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The creation process will now commence. This involves setting up the repository and initiating the generation of the chosen storefront template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"627\" height=\"365\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-272.png\" alt=\"image-272\" class=\"wp-image-396868\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-272.png 627w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-272-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-272-250x146.png 250w\" sizes=\"(max-width: 627px) 100vw, 627px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Start the development.<\/h2>\n\n\n\n<p>Clone your new repository locally and start the development server. using given command <\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">git clone https:\/\/github.com\/&lt;username>\/HydrogenStorefrontTheme.git \\\n&amp;&amp; cd HydrogenStorefrontTheme \\\n&amp;&amp; npm install \\\n&amp;&amp; npx shopify hydrogen link --storefront \"Hydrogen Storefront Theme\" \\\n&amp;&amp; npm run dev<\/pre>\n\n\n\n<p>Upon the completion of your development work, you possess the flexibility to commit your alterations to any branch apart from the main branch. <\/p>\n\n\n\n<p>This will trigger the deployment of your changes to the preview environment on Oxygen. If you intend to make changes in the production environment, you should commit them directly to the main branch. To review your changes, you can access the preview URL provided.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1008\" height=\"826\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-273.png\" alt=\"image-273\" class=\"wp-image-396871\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-273.png 1008w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-273-300x246.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-273-250x205.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-273-768x629.png 768w\" sizes=\"(max-width: 1008px) 100vw, 1008px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Access Preview URL of Development<\/h2>\n\n\n\n<p>After committing changes in a branch other than the main branch, you can access and open the preview URL<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"246\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-274.png\" alt=\"image-274\" class=\"wp-image-396872\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-274.png 866w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-274-300x85.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-274-250x71.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-274-768x218.png 768w\" sizes=\"(max-width: 866px) 100vw, 866px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>It is also possible to modify the environments and variables directly within the storefront settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Develop to the Production<\/h2>\n\n\n\n<p>Once you&#8217;ve rigorously tested your development on the preview URL and achieved a successful outcome, you can proceed to merge your code into the production (main) branch. Subsequently, you have the option to transition the storefront&#8217;s visibility from private to public.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"610\" height=\"418\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-275.png\" alt=\"image-275\" class=\"wp-image-396873\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-275.png 610w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-275-300x206.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-275-250x171.png 250w\" sizes=\"(max-width: 610px) 100vw, 610px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Certainly, having concluded these steps, you now possess the opportunity to map the domain if you wish. Subsequently, as you progress, you can seamlessly transition to efficiently gathering orders from your headless storefront.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Support<\/h2>\n\n\n\n<p>Thank you for reading this article, for any technical assistance, please reach us by email at&nbsp;support@webkul.com <\/p>\n\n\n\n<p>Moreover, you are presented with the choice to opt for <a href=\"https:\/\/webkul.com\/shopify-headless-development\/\">Shopify Headless (Hydrogen) Development <\/a>via our offered services.<\/p>\n\n\n\n<p>Have a Great Day Ahead! See you in the next post. Keep reading \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Oxygen serves as a hosting solution that empowers you to effortlessly deploy and preview your Shopify Hydrogen storefront, eliminating the need for intricate infrastructure setup and maintenance. Within this blog post, you&#8217;ll be guided through the process of seamlessly integrating the Hydrogen channel into your Shopify store and effectively deploying your storefront. Requirements Step 1: <a href=\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":189,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-396840","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Deploy A Shopify Hydrogen Storefront To Oxygen - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Effortlessly deploy your Shopify Hydrogen storefront to Oxygen with our step-by-step guide. Streamline setup for seamless integration.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Deploy A Shopify Hydrogen Storefront To Oxygen - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Effortlessly deploy your Shopify Hydrogen storefront to Oxygen with our step-by-step guide. Streamline setup for seamless integration.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-24T11:46:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T10:10:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png\" \/>\n<meta name=\"author\" content=\"Navneet Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Navneet Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\"},\"author\":{\"name\":\"Navneet Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/fba361b1101985561e7a6e0685079a8c\"},\"headline\":\"How To Deploy A Shopify Hydrogen Storefront To Oxygen\",\"datePublished\":\"2023-08-24T11:46:34+00:00\",\"dateModified\":\"2025-09-18T10:10:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\"},\"wordCount\":728,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\",\"name\":\"How To Deploy A Shopify Hydrogen Storefront To Oxygen - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png\",\"datePublished\":\"2023-08-24T11:46:34+00:00\",\"dateModified\":\"2025-09-18T10:10:10+00:00\",\"description\":\"Effortlessly deploy your Shopify Hydrogen storefront to Oxygen with our step-by-step guide. Streamline setup for seamless integration.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267.png\",\"width\":1414,\"height\":614,\"caption\":\"image-267\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Deploy A Shopify Hydrogen Storefront To Oxygen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/fba361b1101985561e7a6e0685079a8c\",\"name\":\"Navneet Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d0ebf451d594c29d21e3f35988748bf30377c55a864d36dfe98891688ac796d6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d0ebf451d594c29d21e3f35988748bf30377c55a864d36dfe98891688ac796d6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Navneet Kumar\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/navneetkumar-symfony813\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Deploy A Shopify Hydrogen Storefront To Oxygen - Webkul Blog","description":"Effortlessly deploy your Shopify Hydrogen storefront to Oxygen with our step-by-step guide. Streamline setup for seamless integration.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/","og_locale":"en_US","og_type":"article","og_title":"How To Deploy A Shopify Hydrogen Storefront To Oxygen - Webkul Blog","og_description":"Effortlessly deploy your Shopify Hydrogen storefront to Oxygen with our step-by-step guide. Streamline setup for seamless integration.","og_url":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-08-24T11:46:34+00:00","article_modified_time":"2025-09-18T10:10:10+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png","type":"","width":"","height":""}],"author":"Navneet Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Navneet Kumar","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/"},"author":{"name":"Navneet Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/fba361b1101985561e7a6e0685079a8c"},"headline":"How To Deploy A Shopify Hydrogen Storefront To Oxygen","datePublished":"2023-08-24T11:46:34+00:00","dateModified":"2025-09-18T10:10:10+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/"},"wordCount":728,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/","url":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/","name":"How To Deploy A Shopify Hydrogen Storefront To Oxygen - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267-1200x521.png","datePublished":"2023-08-24T11:46:34+00:00","dateModified":"2025-09-18T10:10:10+00:00","description":"Effortlessly deploy your Shopify Hydrogen storefront to Oxygen with our step-by-step guide. Streamline setup for seamless integration.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/image-267.png","width":1414,"height":614,"caption":"image-267"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-deploy-a-shopify-hydrogen-storefront-to-oxygen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Deploy A Shopify Hydrogen Storefront To Oxygen"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/fba361b1101985561e7a6e0685079a8c","name":"Navneet Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d0ebf451d594c29d21e3f35988748bf30377c55a864d36dfe98891688ac796d6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d0ebf451d594c29d21e3f35988748bf30377c55a864d36dfe98891688ac796d6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Navneet Kumar"},"url":"https:\/\/webkul.com\/blog\/author\/navneetkumar-symfony813\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/396840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=396840"}],"version-history":[{"count":4,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/396840\/revisions"}],"predecessor-version":[{"id":506927,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/396840\/revisions\/506927"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=396840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=396840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=396840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}