hydrogen init

command

Anchor to flagsFlags

Anchor to --git

--git

env: SHOPIFY_HYDROGEN_FLAG_GIT

Init Git and create initial commits.

Anchor to --install-deps

--install-deps

env: SHOPIFY_HYDROGEN_FLAG_INSTALL_DEPS

Auto installs dependencies using the active package manager.

Anchor to --language <value>

--language <value>

string

env: SHOPIFY_HYDROGEN_FLAG_LANGUAGE

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

Anchor to --markets <value>

--markets <value>

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.

Anchor to --mock-shop

--mock-shop

env: SHOPIFY_HYDROGEN_FLAG_MOCK_DATA

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

Anchor to --path <value>

--path <value>

string

env: SHOPIFY_HYDROGEN_FLAG_PATH

The path to the directory of the new Hydrogen storefront.

Anchor to --quickstart

--quickstart

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

Anchor to --routes

--routes

env: SHOPIFY_HYDROGEN_FLAG_ROUTES

Generate routes for all pages.

Anchor to --shortcut

--shortcut

env: SHOPIFY_HYDROGEN_FLAG_SHORTCUT

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

Anchor to --styling <value>

--styling <value>

string

env: SHOPIFY_HYDROGEN_FLAG_STYLING

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

Anchor to --template <value>

--template <value>

string

env: SHOPIFY_HYDROGEN_FLAG_TEMPLATE

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

Anchor to -f, --force

-f, --force

env: SHOPIFY_HYDROGEN_FLAG_FORCE

Overwrites the destination directory and files if they already exist.