Hydrogen quickstart
In this quickstart, you'll create a Hydrogen app locally. Hydrogen is a front-end web development framework used for building Shopify custom storefronts.
Requirements
Anchor link to section titled "Requirements"You’ve installed the following dependencies:
Step 1: Create a Hydrogen app
Anchor link to section titled "Step 1: Create a Hydrogen app"You can create a Hydrogen app locally using npm, npx, pnpm, or yarn.
Navigate to the directory where you want to create your project:
Run the following command:
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"Choose a language to develop your Hydrogen storefront:
Step 4: Name your Hydrogen storefront
Anchor link to section titled "Step 4: Name your Hydrogen storefront"Enter a name for your Hydrogen storefront:
Step 5: Start the development server
Anchor link to section titled "Step 5: 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 out Shopify custom storefront.