🎽
Ciseco - Hydrogen Shopify's Headless storefront
Preview demoBuy Ciseco
  • πŸ’A few words of thanks
  • 🌟Hydrogen and Oxygen fundamentals
  • πŸ‘‹Getting started
  • Getting started
    • Step 1. Getting started with Ciseco - Hydrogen and Oxygen
    • Step 2. Import Definitions and demo entries.
    • Step 3. Deploy to Oxygen
    • Step 4. Setup for using Customer Account API (/account route)
    • Step 5. Congratulations!
  • Ciseco with Development store
    • 🐣Ciseco test with development store
    • Step 1. Install the required apps
    • Step 2. Setup environment variables.
    • Step 3. Setup for using Customer Account API (/account route)
    • Step 4. Install node_module and run on localhost
    • Step 5. Import Definitions and demo entries.
    • Step 6. Deployments
    • Step 6.1. Deployments with GitHub
    • Redirect traffic to the Hydrogen channel
  • Ciseco's features
    • Display the color variant options as image swatch
    • Wishlist
    • Header mega menu
    • Footer menus
    • Product reviews with Okendo
    • Smart filter feature
    • Use the Shopify checkout
    • Customize pages and sections?
    • Add new page
    • Ciseco metaobject definitions and metafield definitions
      • 1 - Product Metafield definitions and Collection Metafield definitions
      • 2 - Link, Social
      • 3 - Hero Item, Section | Hero, Section | HeroSlider
      • 4 - Client Say, Section | ClientsSay
      • 5 - Section | LatestBlog
      • 6 - Section | GridProductsAndFilter
      • 7 - Collection Group, Section | TabsCollectionsByGroup
      • 8 - Section | ImageWithText
      • 9 - Section | Steps
      • 10 - Section | ProductsSlider
      • 11 - Section | CollectionsSlider
      • 12 - Route
    • Custom color, fonts
    • Favicon & Seo
    • Internationalization with Shopify Markets
    • ⁉️Getting the problem while importing demo metaobjects entries.
  • Folder Structure
  • Component Structure
  • Sources And Credits
  • Support
  • Change log
    • Update project
    • Change log
Powered by GitBook
On this page
  • 1. Requirements
  • 2. Install node_module and run on localhost

Was this helpful?

  1. Ciseco with Development store

Step 4. Install node_module and run on localhost

Install node_module

PreviousStep 3. Setup for using Customer Account API (/account route)NextStep 5. Import Definitions and demo entries.

Last updated 12 months ago

Was this helpful?

1. Requirements

The project is built by the Hydrogen demo store, so development and construction will follow their guidelines, please check more carefully here -

System Requirements:

  • or later.

  • macOS, Windows (including WSL), and Linux are supported.

  • You have entered the required 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 error "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:

Alternate package managers

If you're using a package manager other than npm, such as or , note the following:

  • Hydrogen and Oxygen use npm by default. Shopify can’t guarantee compatibility with other package managers.

  • The 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.

https://hydrogen.shopify.dev/
Node.js 18.17
environment variables
http://localhost:3000/
Yarn
pnpm
Oxygen deployment workflow file