Getting started with Hydrogen
In this guide, you'll create a Hydrogen app locally. Hydrogen provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications.
RequirementsAnchor link to section titled "Requirements"
Step 1: Create a Hydrogen appAnchor link to section titled "Step 1: Create a Hydrogen app"
To get started, you'll use the Shopify CLI. In your Terminal, run the following command:
This will prompt you to install a package, and then ask you a few questions.
Step 2: Choose a templateAnchor link to section titled "Step 2: Choose a template"
Choose a template to get started building your Hydrogen storefront:
Step 3: Choose a languageAnchor link to section titled "Step 3: Choose a language"
Step 4: Specify a directoryAnchor link to section titled "Step 4: Specify a directory"
Specify where to create your new storefront:
Step 5: Install dependenciesAnchor link to section titled "Step 5: Install dependencies"
Select whether you want to install the Hydrogen storefront's dependencies with
npm, or install them manually.
Step 6: Start the development serverAnchor link to section titled "Step 6: Start the development server"
Navigate to your app's directory:
Start the development server:
You can reach the development server at http://localhost:3000/.
- Follow the Hydrogen tutorial series to go from "Hello World" to a fully built Shopify custom storefront.