> For the complete documentation index, see [llms.txt](https://truestorefront.gitbook.io/owen-hydrogen-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://truestorefront.gitbook.io/owen-hydrogen-shopify-theme/deploy-to-production.md).

# 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](https://apps.shopify.com/hydrogen) and install the Hydrogen app to your Shopify store.

<figure><img src="https://1630269672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHRzzWAbPS2llHIRPwbcd%2Fuploads%2FHzgMDxjdEJEcnSkAI92W%2Fhydrogen-app.webp?alt=media&amp;token=ed1f580f-5b95-420a-9125-b7158db2c2f5" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://1630269672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHRzzWAbPS2llHIRPwbcd%2Fuploads%2FYs2UUKRptfmX9hJ8k9vi%2Fdeoploy-oxygen-2.webp?alt=media&amp;token=db598864-c90c-4be2-89da-43006dbbd8f1" alt=""><figcaption></figcaption></figure>

* 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.

<figure><img src="https://1630269672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHRzzWAbPS2llHIRPwbcd%2Fuploads%2FA9frQfJYytr0McL31zlU%2Fdeoploy-oxygen-3.webp?alt=media&amp;token=34ca7cc4-ac22-47d2-8694-a1857ccade11" alt=""><figcaption></figcaption></figure>

### Step 4: Add **Environment V**ariables

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](/owen-hydrogen-shopify-theme/installation.md) step)

<figure><img src="https://1630269672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHRzzWAbPS2llHIRPwbcd%2Fuploads%2FemU6VnnlYH4yZjtxnJ6j%2Fdeoploy-oxygen-4.png?alt=media&amp;token=c5065a59-5e94-4511-9239-4c7e87372a21" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1630269672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHRzzWAbPS2llHIRPwbcd%2Fuploads%2FtHEYCebTafMUxkmL83wA%2Fdeoploy-oxygen-5.png?alt=media&amp;token=fa5914a9-5e91-4f6e-9da4-625e05d8f700" alt=""><figcaption></figcaption></figure>

### Step 5: Rebuild and Publish

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

<figure><img src="https://1630269672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHRzzWAbPS2llHIRPwbcd%2Fuploads%2F8KxNEVm7DNGlSVqk9suA%2Fdeoploy-oxygen-6.webp?alt=media&amp;token=b4eaf1d7-9de6-4859-b899-bfd7c53a8637" alt=""><figcaption></figcaption></figure>

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

Check out the video guide below:

{% embed url="<https://www.youtube.com/watch?v=du5ogaTSA0k>" %}

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

{% embed url="<https://truestorefront.com/blog/how-to-deploy-shopify-hydrogen-2-to-vercel>" %}

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

[*https://shopify.dev/docs/custom-storefronts/hydrogen/deployment*](https://shopify.dev/docs/custom-storefronts/hydrogen/deployment)