Shopify CLI for Hydrogen storefronts
Shopify CLI is a command-line interface tool that helps you build Hydrogen storefronts. You can also use it to automate many common development tasks.
You need to use Node.js to install Shopify CLI and manage its dependencies. However, you can use any technology stack to build your Hydrogen storefront's functionality.
This documentation explains how to use Shopify CLI for Hydrogen storefront development. To learn how to use Shopify CLI for other tasks, refer to the following documentation:
Requirements
Anchor link to section titled "Requirements"Getting started
Anchor link to section titled "Getting started"Shopify CLI is managed as a set of Node.js packages:
If you're building a Hydrogen storefront, then you don't need to install Shopify CLI globally. Instead, these packages should be added as dependencies of your app. Using Shopify CLI this way enables a consistent development experience across environments.
Create a new Hydrogen storefront
Anchor link to section titled "Create a new Hydrogen storefront"You can create a new Hydrogen storefront using the Hello World or Demo Store template in either JavaScript or TypeScript.
| Flag | Description |
|---|---|
--template TEMPLATE |
TEMPLATE can be either demo-store,which scaffolds a Hydrogen storefront using the Demo Store template or hello-world, which scaffolds a Hydrogen storefront using the Hello World template. |
--language LANGUAGE |
Sets the template language to use. LANGUAGE be either js for JavaScript or ts for TypeScript. |
--path PATH |
The path to the directory of the new Hydrogen storefront. |
--install-deps |
Auto installs dependencies using the active package manager. |
--no-install-deps |
Skips the prompt for installing dependencies. |
--force |
Overwrites the destination directory and files if they already exist. |
Command reference
Anchor link to section titled "Command reference"Refer to the Shopify CLI storefront command reference to explore the commands available to build Hydrogen storefronts with Shopify CLI.
Contributing to Shopify CLI
Anchor link to section titled "Contributing to Shopify CLI"Shopify CLI is open source. Learn how to contribute to our GitHub repository.
Where to get help
Anchor link to section titled "Where to get help"- Open a GitHub issue - To report bugs or request new features, open an issue in the Shopify CLI repository.
- Shopify Community Forums - Visit our forums to connect with the community and learn more about Shopify CLI development.