Shopify CLI Docs

shopify hydrogen init

Creates a new Hydrogen storefront.

Creates a new Hydrogen storefront.

Usage

shopify hydrogen init [flags]

Summary

Creates a new Hydrogen storefront.

Flags

  • --git — Init Git and create initial commits. optional Environment: SHOPIFY_HYDROGEN_FLAG_GIT.
  • --install-deps — Auto installs dependencies using the active package manager. optional Environment: SHOPIFY_HYDROGEN_FLAG_INSTALL_DEPS.
  • --language <value> string — Sets the template language to use. One of js or ts. optional Environment: SHOPIFY_HYDROGEN_FLAG_LANGUAGE.
  • --markets <value> string — Sets the URL structure to support multiple markets. Must be one of: subfolders, domains, subdomains, none. Example: --markets subfolders. optional Environment: SHOPIFY_HYDROGEN_FLAG_I18N.
  • --mock-shop — Use mock.shop as the data source for the storefront. optional Environment: SHOPIFY_HYDROGEN_FLAG_MOCK_DATA.
  • --path <value> string — The path to the directory of the new Hydrogen storefront. optional Environment: SHOPIFY_HYDROGEN_FLAG_PATH.
  • --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 --markets none optional Environment: SHOPIFY_HYDROGEN_FLAG_QUICKSTART.
  • --shortcut — Creates a global h2 shortcut for Shopify CLI using shell aliases. Deactivate with --no-shortcut. optional Environment: SHOPIFY_HYDROGEN_FLAG_SHORTCUT.
  • --styling <value> string — Sets the styling strategy to use. One of tailwind, vanilla-extract, css-modules, postcss, none. optional Environment: SHOPIFY_HYDROGEN_FLAG_STYLING.
  • --template <value> string — Scaffolds project based on an existing template or example from the Hydrogen repository. optional Environment: SHOPIFY_HYDROGEN_FLAG_TEMPLATE.
  • -f, --force — Overwrites the destination directory and files if they already exist. optional Environment: SHOPIFY_HYDROGEN_FLAG_FORCE.

Official source

On this page