# 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="/files/KRHmk1M8PC6TgFtkkFWa" 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="/files/3nLX7obdK5TyUzNb81PA" 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="/files/J6RjjfpxgAHKtYFFty9I" 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="/files/GCDEMtpGbGXLYqNSuLQ3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ppnNeFYrUbWnYh2VKHXz" 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="/files/3OTVZIgpzcsXMuP91Fdd" 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://truestorefront.gitbook.io/owen-hydrogen-shopify-theme/deploy-to-production.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.