---
title: Storefronts
description: Learn how to manage storefronts using the Hydrogen channel.
source_url:
  html: 'https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/storefronts'
  md: 'https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/storefronts.md'
api_name: hydrogen
---

Legacy Hydrogen

These pages refer to Hydrogen versions 2026-04 and earlier. For versions 2026-10 and later, refer to the latest [Hydrogen docs](https://shopify.dev/docs/storefronts/hydrogen). If you're not using the latest version of Hydrogen, then we recommend that you migrate your storefront. To learn more, refer to [Migrate to the latest version of Hydrogen](https://shopify.dev/docs/storefronts/hydrogen/migrate).

# Storefronts

The Hydrogen channel allows you to create multiple storefronts. Each storefront is linked to a single Hydrogen app, connected through a GitHub repository.

Storefronts can have multiple [environments](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/environments), which contain [deployments](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/deployments).

![The Hydrogen channel can contain multiple storefronts. Each storefront can have multiple environments, which in turn contain deployments.](https://shopify.dev/assets/assets/images/custom-storefronts/hydrogen/storefronts-environments-deployments-dvQsDAf5.png)

***

## Create a new storefront by connecting an existing Git​Hub repository

If you already [created a Hydrogen app](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/getting-started) and pushed it to GitHub, then you can connect that repo to a new Hydrogen storefront.

1. In the Hydrogen channel, click **Create storefront**.
2. Click **Connect existing repository**.
3. Under **Account**, select the GitHub account or organization that contains the Hydrogen repo.
4. Under **Repository**, select the repo.
5. Click **Connect**.

After connecting the repo, Shopify automatically opens a pull request to add an Oxygen deployment workflow file. Merge the PR to start continuous deployment to Oxygen.

***

## Create a new storefront by creating a new Git​Hub repository

1. In the Hydrogen channel, click **Create storefront**.
2. Select the Hydrogen template to start with.
3. Select whether to create the app as JavaScript or TypeScript.
4. Under **Account**, select the GitHub account or organization where you want to create the new app repository.
5. Under **Repository**, type a name for the new repo.
6. Optional: Check **Create as a public repository**.
7. Click **Create**.

***

## Delete a Hydrogen storefront

Deleting a storefront deletes all its environments, environment variables, and deployments.

1. In the Hydrogen channel, click the storefront to delete.
2. Click **Storefront settings**.
3. Click **Delete storefront**.

***

## Next steps

* Learn how to [create custom environments](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/environments#managing-environments) and use them to preview changes without affecting other environments.
* Learn how to [create environment variables](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/environments#environment-variables) and use them to store reusable data for use in Hydrogen storefront code.

***