> For the complete documentation index, see [llms.txt](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/ciseco-with-development-store/step-4.-install-node_module-and-run-on-localhost.md).

# Step 4. Install node\_module and run on localhost

Install node\_module

### 1. Requirements

The project is built by the Hydrogen demo store, so development and construction will follow their guidelines, please check more carefully here - <https://hydrogen.shopify.dev/>

System Requirements:

* [Node.js 18.17](https://nodejs.org/) or later.
* macOS, Windows (including WSL), and Linux are supported.
* You have entered the required [environment variables](/ciseco-hydrogen-shopifys-headless-theme/ciseco-with-development-store/step-2.-setup-environment-variables..md) correctly.

### 2. Install node\_module and run on localhost

1. Extract the **Ciseco\_Hydrogen.zip** file.
2. Find the Cisec\_Hydrogen folder, this is the project folder and it contains the **Package.json** file
3. Open the Terminal, write a `cd` and space then drag the folder into the Terminal, and press ENTER.
4. Write `npm install`, press enter and wait for the system to finish installing all the plugins.
5. If you get this <mark style="color:red;">error</mark> "*npm error command sh -c git config core.hooksPath hooks*", you need to initialize Git repository by running the `"git init"` command before running the `"npm install"` command
6. Once the installation is completed successfully without errors you can run the template in the `npm run dev`
7. Open the browser in the next URL:  [`http://localhost:3000/`](http://localhost:3000/)

{% hint style="info" %}
**Alternate package managers**

If you're using a package manager other than npm, such as [Yarn](https://yarnpkg.com/) or [pnpm](https://pnpm.io/), note the following:

* Hydrogen and Oxygen use npm by default. Shopify can’t guarantee compatibility with other package managers.
* The [Oxygen deployment workflow file](https://shopify.dev/docs/custom-storefronts/hydrogen/deployments/github#oxygen-github-action) uses npm by default, and assumes the presence of a `package-lock.json` file. You can edit the workflow file to use your preferred package manager. In particular, check that the steps to install dependencies, cache modules, and build your app are updated to use the correct commands.
  {% endhint %}