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.
Requirements
Anchor link to section titled "Requirements"Step 1: Create a Hydrogen app
Anchor 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 template
Anchor link to section titled "Step 2: Choose a template"Choose a template to get started building your Hydrogen storefront:
Step 3: Choose a language
Anchor link to section titled "Step 3: Choose a language"Specify JavaScript or TypeScript:
Step 4: Specify a directory
Anchor link to section titled "Step 4: Specify a directory"Specify where to create your new storefront:
Step 5: Install dependencies
Anchor 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 server
Anchor 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.