Deploy to Production

Oxygen Deployment Steps

Step 1: Install Hydrogen App

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.

Navigate to Shopify Hydrogen App and install the Hydrogen app to your Shopify store.

Step 2: Create Storefront

Within the Hydrogen sales channels interface, it’s necessary to select the “Create Storefront” option. This action will enable you to initiate the process of setting up a new storefront.

• Choose the option "Connect existing repository"

• Select your created Owen Hydrogen theme repository and click "Connect"

Step 3: Merge Pull Request

The Hydrogen app will prompt you to merge a pull request to add their GitHub Action for deployment to Oxygen.

Merge the pull request and wait for the Github Action to build.

Step 4: Add Environment Variables

Once the Hydrogen storefront is built, navigate to "Storefront settings", then "Environments and variables". Then add all environment variables in your .env file (check Installation step)

Step 5: Rebuild and Publish

After updating the environment variables, you may need to rebuild and publish the storefront to make it live.

You should now be able to deploy the Owen Hydrogen Theme to Oxygen.

Check out the video guide below:

You can deploy the Owen theme to Vercel by following this article:

How to deploy Shopify Hydrogen 2024.x to Vercel | Truestorefront.comtruestorefront.com

If you want to deploy to other servers, learn more here:

https://shopify.dev/docs/custom-storefronts/hydrogen/deployment