Skip to main content

hydrogen init
command

Creates a new Hydrogen storefront.

The following flags are available for the hydrogen init command:

env: SHOPIFY_HYDROGEN_FLAG_GIT

Init Git and create initial commits.

env: SHOPIFY_HYDROGEN_FLAG_INSTALL_DEPS

Auto installs dependencies using the active package manager.

string
env: SHOPIFY_HYDROGEN_FLAG_LANGUAGE

Sets the template language to use. One of js or ts.

string
env: SHOPIFY_HYDROGEN_FLAG_I18N

Sets the URL structure to support multiple markets. Must be one of: subfolders, domains, subdomains, none. Example: --markets subfolders.

env: SHOPIFY_HYDROGEN_FLAG_MOCK_DATA

Use mock.shop as the data source for the storefront.

string
env: SHOPIFY_HYDROGEN_FLAG_PATH

The path to the directory of the new Hydrogen storefront.

env: SHOPIFY_HYDROGEN_FLAG_QUICKSTART

Scaffolds a new Hydrogen project with a set of sensible defaults. Equivalent to shopify hydrogen init --path hydrogen-quickstart --mock-shop --language js --shortcut --routes --markets none

env: SHOPIFY_HYDROGEN_FLAG_ROUTES

Generate routes for all pages.

env: SHOPIFY_HYDROGEN_FLAG_SHORTCUT

Creates a global h2 shortcut for Shopify CLI using shell aliases. Deactivate with --no-shortcut.

string
env: SHOPIFY_HYDROGEN_FLAG_STYLING

Sets the styling strategy to use. One of tailwind, vanilla-extract, css-modules, postcss, none.

string
env: SHOPIFY_HYDROGEN_FLAG_TEMPLATE

Scaffolds project based on an existing template or example from the Hydrogen repository.

env: SHOPIFY_HYDROGEN_FLAG_FORCE

Overwrites the destination directory and files if they already exist.

Was this section helpful?

Hydrogen init

shopify hydrogen init [flags]