Quickstart

This guide will get you all set up and ready to manage your Hydrogen storefront in Pack.

Check out our demo video on Hydrogen 101 and how it all works with Pack.

First, you'll need to create a Pack account.

Create Your Organization

Once your account is created, you can create an organization within Pack. This is where you'll manage all your storefronts and invite your teammates to collaborate.

After you've created your organization, you can connect your Shopify store to Pack. Once you connect your Shopify account, Pack will automatically sync your products and collections data so you can add them to your storefront.

Connect Your GitHub Repository

Link your GitHub repository to your Pack organization. This is where your storefront code will live.

Connect your Hydrogen Storefront

Create a new Hydrogen storefront on Shopify, and link it to Pack. Or connect an existing Hydrogen storefront to Pack.

Create a Private Custom App on Shopify

In Shopify, create a Custom App with both the Admin and Storefront API enabled.

Check out our full guide to creating a custom app

Using Our CLI Tool for Quick Setup

For those looking to quickly set up their Hydrogen storefront without needing a Pack account initially, our CLI tool offers an efficient alternative. This tool allows you to clone the Hydrogen Theme, install necessary packages, and run your project locally using default Shopify data, simplifying the initial setup process.

To get started, simply run the following command in your terminal:

npx @pack/create-hydrogen@latest

For more details on using our CLI tool, refer to the Set Up Hydrogen Theme guide.

What's Next?

Great, you're now set up with a Pack storefront. Here are a few links that might be handy as you start exploring your Hydrogen storefront: