Step 6.1. Deployments with GitHub
Deployments Ciseco with GitHub
Hydrogen supports CI/CD with GitHub out of the box. If you connect the Hydrogen channel to GitHub, then Oxygen will automatically deploy every time you push or merge changes in your Hydrogen repository.
When using Hydrogen with GitHub, you have two options:
Requirements
A Shopify account on a supported plan.
A GitHub account.
The Ciseco - Hydrogen project has been pushed to your GitHub repo.
The Shopify GitHub App is installed on your GitHub account.
Connect an existing repo
You can upload your Ciseco repository to GitHub and then connect it to Shopify.
Step 1: Connect your GitHub repo to the Hydrogen channel
In the Shopify admin, under Sales channels, click Hydrogen.
Click Create storefront.
Type a name for your new storefront. The name can be edited later.
Make sure Set up GitHub continuous deployment now is selected.
Select your GitHub account or organization from the dropdown.
Select the repository for your Ciseco Hydrogen storefront.
Click Connect.
Oxygen pulls a copy of your Hydrogen app code base and automatically creates a preview deployment. The Shopify GitHub app also opens a pull request in your repo to add a GitHub Actions workflow file to handle future deployments.
Step 2: Merge your Oxygen workflow file
The Shopify GitHub app automatically opens a pull request to create this file when you connect a repo:
Follow these steps to finish configuring your Hydrogen app for continuous deployment to Oxygen:
In the Hydrogen channel, click the name of the storefront that you just created.
Click Review and merge on GitHub to open the pull request in a new tab.
Follow GitHub’s prompts to merge the PR.
Close the tab to return to the Hydrogen storefront overview.
Oxygen will automatically create a new deployment in your production environment and continue watching your repo for updates. Each time you push one or more commits to your repo, Oxygen will create a new preview deployment with your changes.
Last updated
Was this helpful?
