Quickstart

This guide will get you all set up and ready to manage your Hydrogen storefront or shop 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 or shops, and invite your teammates to collaborate.

Create a Storefront or Shop

After you've created your organization, you can decide whether you want to create a new storefront or shop.

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.
Shops are ideal for creating targeted pages, carts and offers that are tailored to an ad, an influencer, or a specific customer segment. They are lightweight and perfect for quickly launching custom pages that align with specific marketing campaigns or promotions, all without impacting the main storefront.

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 for Storefront Check out our full guide to creating a custom app for Shops

Connect Your Shopify Store

Then, 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 or shop.

Connect Your GitHub Repository

Following the next steps, link your GitHub repository to your Pack organization. This is where your storefront or shop 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

If you're setting up a storefront, our CLI tool offers an efficient way to get started quickly without needing a Pack account initially. This tool allows you to clone Bluprint, Pack's Hydrogen theme, install necessary packages, and run your project locally using default Shopify data, simplifying the initial setup process.

To get started with your storefront, 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 Blueprint for storefronts guide.

If you're setting up a shop, please refer to our Set Up Blueprint for shops guide instead.

What's Next?

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