Quickstart Guide: Launch Your First Pack Project
This guide will get you all set up and ready to manage your Hydrogen storefront in Pack.
Check out our demo video to learn more about what Hydrogen is and how Pack makes Hydrogen easy to use.
Sign Up
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.
Create a Storefront
After you've created your organization, you can create a new storefront.
Storefronts are the backbone of your e-commerce business. They offer full control over your entire online storefront, from managing products and content to designing the overall site experience, and can replace a Shopify theme or a custom headless storefront / CMS. They’re designed to be easy to use—just like a theme—while taking full advantage of Hydrogen’s flexibility.
Connect Your Shopify Store
Pack connects to Shopify via a secure OAuth integration. During setup, provide your Shopify store URL and the Pack team will prepare a dedicated app for your store. Once installed, tokens are exchanged automatically — no manual API key copying required.
If you already have a Custom App with API tokens, you can also connect using the manual token flow.
Once connected, Pack will automatically sync your products and collections data so you can add them to your storefront.
Connect Your GitHub Repository
Following the next steps, link your GitHub repository to your Pack organization. This is where your storefront code will live.
Connect your Hydrogen Storefront
The last step is to create a new Hydrogen storefront on Shopify, and link it to Pack. Or connect an existing Hydrogen storefront to Pack.
Using Our CLI Tool for Quick Setup
Our CLI tool offers an efficient way to get started quickly without needing a Pack account initially. This tool allows you to clone Blueprint, Pack's Hydrogen theme, install necessary packages, and run your project locally using default Shopify data, simplifying the initial setup process.
To get started, run the following command in your terminal:
npx @pack/create-hydrogen@latest
For more details on using our CLI tool, refer to the Blueprint Setup 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 new setup: