hydrogen previewcommand
Runs a server in your local development environment that serves your Hydrogen app's production build. Requires running the build command first.
Anchor to flagsFlags
The following flags are available for the hydrogen preview
command:
- Anchor to --build--build
Builds the app before starting the preview server.
- Anchor to --codegen--codegen
Automatically generates GraphQL types for your project’s Storefront API queries.
- Anchor to --codegen-config-path <value>--codegen-config-path <value>string
Specifies a path to a codegen configuration file. Defaults to
<root>/codegen.ts
if this file exists.- Anchor to --debug--debugenv: SHOPIFY_HYDROGEN_FLAG_DEBUG
Enables inspector connections to the server with a debugger such as Visual Studio Code or Chrome DevTools.
- Anchor to --entry <value>--entry <value>stringenv: SHOPIFY_HYDROGEN_FLAG_ENTRY
Entry file for the worker. Defaults to
./server
.- Anchor to --env <value>--env <value>string
Specifies the environment to perform the operation using its handle. Fetch the handle using the
env list
command.- Anchor to --env-branch <value>--env-branch <value>stringenv: SHOPIFY_HYDROGEN_ENVIRONMENT_BRANCH
Specifies the environment to perform the operation using its Git branch name.
- Anchor to --env-file <value>--env-file <value>string
Path to an environment file to override existing environment variables. Defaults to the '.env' located in your project path
--path
.- Anchor to --inspector-port <value>--inspector-port <value>stringenv: SHOPIFY_HYDROGEN_FLAG_INSPECTOR_PORT
The port where the inspector is available. Defaults to 9229.
- Anchor to --path <value>--path <value>stringenv: SHOPIFY_HYDROGEN_FLAG_PATH
The path to the directory of the Hydrogen storefront. Defaults to the current directory where the command is run.
- Anchor to --port <value>--port <value>stringenv: SHOPIFY_HYDROGEN_FLAG_PORT
The port to run the server on. Defaults to 3000.
- Anchor to --verbose--verboseenv: SHOPIFY_HYDROGEN_FLAG_VERBOSE
Outputs more information about the command's execution.
- Anchor to --watch--watch
Watches for changes and rebuilds the project.
hydrogenpreview
- --build
Builds the app before starting the preview server.
""
- --codegen
Automatically generates GraphQL types for your project’s Storefront API queries.
""
- --codegen-config-path <value>
Specifies a path to a codegen configuration file. Defaults to `<root>/codegen.ts` if this file exists.
string
- --debug
Enables inspector connections to the server with a debugger such as Visual Studio Code or Chrome DevTools.
""
- --entry <value>
Entry file for the worker. Defaults to `./server`.
string
- --env <value>
Specifies the environment to perform the operation using its handle. Fetch the handle using the `env list` command.
string
- --env-branch <value>
Specifies the environment to perform the operation using its Git branch name.
string
- --env-file <value>
Path to an environment file to override existing environment variables. Defaults to the '.env' located in your project path `--path`.
string
- --inspector-port <value>
The port where the inspector is available. Defaults to 9229.
string
- --path <value>
The path to the directory of the Hydrogen storefront. Defaults to the current directory where the command is run.
string
- --port <value>
The port to run the server on. Defaults to 3000.
string
- --verbose
Outputs more information about the command's execution.
""
- --watch
Watches for changes and rebuilds the project.
""
export interface hydrogenpreview {
/**
* Builds the app before starting the preview server.
*
*/
'--build'?: ''
/**
* Automatically generates GraphQL types for your project’s Storefront API queries.
*
*/
'--codegen'?: ''
/**
* Specifies a path to a codegen configuration file. Defaults to `<root>/codegen.ts` if this file exists.
*
*/
'--codegen-config-path <value>'?: string
/**
* Enables inspector connections to the server with a debugger such as Visual Studio Code or Chrome DevTools.
* @environment SHOPIFY_HYDROGEN_FLAG_DEBUG
*/
'--debug'?: ''
/**
* Entry file for the worker. Defaults to `./server`.
* @environment SHOPIFY_HYDROGEN_FLAG_ENTRY
*/
'--entry <value>'?: string
/**
* Specifies the environment to perform the operation using its handle. Fetch the handle using the `env list` command.
*
*/
'--env <value>'?: string
/**
* Specifies the environment to perform the operation using its Git branch name.
* @environment SHOPIFY_HYDROGEN_ENVIRONMENT_BRANCH
*/
'--env-branch <value>'?: string
/**
* Path to an environment file to override existing environment variables. Defaults to the '.env' located in your project path `--path`.
*
*/
'--env-file <value>'?: string
/**
* The port where the inspector is available. Defaults to 9229.
* @environment SHOPIFY_HYDROGEN_FLAG_INSPECTOR_PORT
*/
'--inspector-port <value>'?: string
/**
* The path to the directory of the Hydrogen storefront. Defaults to the current directory where the command is run.
* @environment SHOPIFY_HYDROGEN_FLAG_PATH
*/
'--path <value>'?: string
/**
* The port to run the server on. Defaults to 3000.
* @environment SHOPIFY_HYDROGEN_FLAG_PORT
*/
'--port <value>'?: string
/**
* Outputs more information about the command's execution.
* @environment SHOPIFY_HYDROGEN_FLAG_VERBOSE
*/
'--verbose'?: ''
/**
* Watches for changes and rebuilds the project.
*
*/
'--watch'?: ''
}
Hydrogen preview
examples
hydrogen preview
hydrogen preview
shopify hydrogen preview [flags]