diff --git a/.github/releasing.md b/.github/releasing.md index 86af9bbe43..b0b75ff80d 100644 --- a/.github/releasing.md +++ b/.github/releasing.md @@ -27,7 +27,7 @@ A new snapshot release will be created with your changes and tagged on NPM with yarn add @shopify/hydrogen@unstable # or start a new project: -npx create-hydrogen-app@unstable +npx @shopify/create-hydrogen@unstable ``` ## Releasing experimental versions diff --git a/README.md b/README.md index 6dd2b3529e..158842e23f 100644 --- a/README.md +++ b/README.md @@ -30,13 +30,13 @@ Spin up a Hydrogen app in your browser with our [playground](https://hydrogen.ne ```bash # Using `yarn` -yarn create hydrogen-app +yarn create @shopify/hydrogen # Using `npm` -npm init hydrogen-app@latest +npm init @shopify/hydrogen # Using `npx` -npx create-hydrogen-app +npx @shopify/create-hydrogen ``` **Running locally:** diff --git a/packages/cli/README.md b/packages/cli/README.md index 428bdf4f81..42dfd02eba 100644 --- a/packages/cli/README.md +++ b/packages/cli/README.md @@ -5,7 +5,7 @@ The `hydrogen/cli` package provides interactive project scaffolding for Hydrogen apps and other useful commands to help you build on `@shopify/hydrogen`. > Note: -> The CLI doesn't currently generate the [Demo Store template](https://shopify.dev/custom-storefronts/hydrogen/templates). Run `npx create-hydrogen-app` to scaffold a new project with the Demo Store template. To contribute to the Demo Store template, update the [template files](https://github.com/Shopify/hydrogen/tree/main/templates/demo-store). +> Run `npx @shopify/create-hydrogen` to scaffold a new project with the Demo Store template. To contribute to the Demo Store template, update the [template files](https://github.com/Shopify/hydrogen/tree/main/templates/template-hydrogen-default). ## Installation diff --git a/packages/create-hydrogen-app/CHANGELOG.md b/packages/create-hydrogen-app/CHANGELOG.md index d092adefd5..ac93787b14 100644 --- a/packages/create-hydrogen-app/CHANGELOG.md +++ b/packages/create-hydrogen-app/CHANGELOG.md @@ -251,7 +251,7 @@ And update the `preview` script in your `package.json`: ```diff - - "preview": "npx @shopify/hydrogen-cli@latest preview", + - "preview": "npx @shopify/create-hydrogen-cli@latest preview", + "preview": "shopify hydrogen preview", ``` diff --git a/packages/create-hydrogen-app/README.md b/packages/create-hydrogen-app/README.md index f2f1c40d80..abbb294b67 100644 --- a/packages/create-hydrogen-app/README.md +++ b/packages/create-hydrogen-app/README.md @@ -3,11 +3,11 @@ Create a new [Hydrogen](https://www.npmjs.com/package/@shopify/hydrogen) project: ```bash -npm init hydrogen-app@latest +npm init @shopify/hydrogen ``` Or with yarn: ```bash -yarn create hydrogen-app +yarn create @shopify/hydrogen ``` diff --git a/templates/README.md b/templates/README.md index e13bde4af8..dbbbc23562 100644 --- a/templates/README.md +++ b/templates/README.md @@ -8,11 +8,11 @@ Hydrogen templates are complete working implementations of Shopify custom storef ## Create a Hydrogen app with the default Demo store template ## Use `--template demo-store` to set the template explicitly # yarn -$ yarn create hydrogen-app +$ yarn create @shopify/hydrogen # npm -$ npm init hydrogen-app@latest +$ npm init @shopify/hydrogen # npx -$ npx create-hydrogen-app +$ npx @shopify/create-hydrogen ``` **Demo Store** is the default template installed when creating a new Hydrogen storefront. It’s a complete Hydrogen storefront that uses live production data provided by Shopify. It includes demonstration implementations of a homepage, product detail pages, collections, data-fetching, caching strategies, Tailwind integration, and more. It showcases Shopify’s opinionated best practices for building storefronts with Hydrogen, and some advanced features of the framework. Pick this template to inspect a working Hydrogen codebase, or to use as a starting point for your own build. @@ -22,11 +22,11 @@ $ npx create-hydrogen-app ```sh ## Create a Hydrogen app with the Hello World template # yarn -$ yarn create hydrogen-app --template hello-world +$ yarn create @shopify/hydrogen --template hello-world # npm -$ npm init hydrogen-app@latest --template hello-world +$ npm init @shopify/hydrogen --template hello-world # npx -$ npx create-hydrogen-app --template hello-world +$ npx @shopify/create-hydrogen --template hello-world ``` **Hello World** is a minimal implementation of a Hydrogen app. It has few dependencies and very little boilerplate. Pick this template to start building from scratch.