Create a custom environment

In this tutorial, you'll learn how to do the following tasks:

• Create a new custom environment.
• Trigger a deployment in a custom environment.
• Preview a deployment in a custom environment.
• Publish the latest changes to a custom environment deployment.
• Delete a custom environment.

• You have access to the Shopify admin of the store that you're working with.
• You've connected a storefront through the Hydrogen channel.
• You're familiar with the concept of environments.

1. Run git clone <your-hydrogen-git-repository>.
2. Run git checkout -b <your-new-branch-name>.
3. Change a file in your Git repository.
4. Run git add ..
5. Run git commit -m "<your commit message>".
6. Run git push --set-upstream origin <your-new-branch-name>.

1. From your Shopify admin, under Sales channels, click Hydrogen.
2. From the Hydrogen storefront page, click the storefront that you want to change.
3. Click Storefront settings > Environments and variables.
4. Beside Environments, click Add environment.
5. Under Branch, select the branch that you want to create an environment for from the Select branch drop-down.
6. Under Name, type the name you want for your custom environment.
7. Click Save.

1. Ensure that you're using the Git branch that you want to deploy.
2. Change a file in your Git repository.
3. Run git add ..
4. Run git commit -m "<your commit message>".
5. Run git push.

1. From your Shopify admin, under Sales channels, click Hydrogen.
2. From the Hydrogen storefront page, click the storefront that you want to preview.
3. Under Custom environments, click … beside the custom environment that you want to preview.
4. Click Edit environment.
5. Under ENVIRONMENT URL, click the URL.

1. From your Shopify admin, under Sales channels, click Hydrogen.
2. From the Hydrogen storefront page, click the storefront that you want to change.
3. Under Custom environments, click … beside the custom environment that you want to make public.
4. Click Edit environment.
5. Under URL privacy, select Public.
6. Click Save.

1. From your Shopify admin, under Sales channels, click Hydrogen.
2. From the Hydrogen storefront page, click the storefront that you want to change.
3. Under Custom environments, click … beside the custom environment that you want to delete.
4. Click Edit environment.
5. Click Delete environment.
6. Click Delete environment again to confirm that you want to delete your environment.

• Learn how to create environment variables and use them to store reusable data for use in the Hydrogen storefront code.
• Learn how to roll back to a previous deployment when a bug or error exists on the most recent deployment while you work on a fix.
• Learn how to toggle the privacy of your preview URLs.