Connecting your Shopify theme to GitHub

DevelopmentConnecting your Shopify theme to GitHub

18th December 2023

Connecting your store’s code to GitHub can have many benefits.

For one, your store will have version control, meaning it’s very easy to keep track of changes and revert back to old versions in case anything goes wrong.

Additionally, it can make setting up staging environments easier, especially when you want to publish changes live.

It also improves your developer experience significantly, by improving collaboration and making it easier to track who’s working on what.

With these benefits in mind, let’s take a look at how easy it is to setup.

Setup GitHub account and repository

If you don’t already have a GitHub account, you’ll need to create one.

Once you’ve setup your account, create a repository dedicated to your store. This is where your code will go.

Once you’ve setup your repository, you need to export your currently live theme and upload the code to your GitHub repo.

With the repository setup, you can now head over to your Shopify dashboard to setup the connection.

Connect Shopify theme to GitHub

If you head over to your themes, you’ll want to add a new theme.

Click on the add theme button, this should open a dropdown with “Connect from GitHub” as an option.

After following the prompts, you should be able to link the new theme to your GitHub repository you previously created.

You’ve now connected your theme to GitHub 🙂

You’ll want to do a quick test through the preview mode to ensure the theme displays correctly, and then you’re ready to set it live.

Branch Structure

There are many different ways of structuring your repository for future ease of development.

We’d recommend three branches:

Thanks to version control, its a very simple process to merge branches, and they will automatically update in your Shopify themes.

Conclusion

Thanks for reading this article.

We hope you’ve found this development tip helpful.

This is one of the many things, our experienced team of engineers could setup for your store.

If you’re interested, feel free to get in touch with us, we’d love to help out.

Adios!