Skip to main content

hydrogen init

Creates a new Hydrogen storefront.

The following flags are available for the hydrogen init command:

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.

Examples

hydrogen init

shopify hydrogen init [flags]
Was this page helpful?