Note This demo store is built on Hydrogen v2. If you are using a store built with the now deprecated Hydrogen 1, please see here.

Note: there have been multiple versions of Shopify's Hydrogen demo store. If you project is based on an old version of it, consult the history of this repository.

Demo store for Okendo's Hydrogen (React Router) components

Please read the documentation of the @okendo/shopify-hydrogen library.

This demo store is simply the template created by the command npm create @shopify/hydrogen@latest provided by Shopify, to which the Okendo components have been added. Have a look at the commit history to see exactly what changes have been made.

Requirements

• Your store must be running Okendo Widget Plus – our newer widget offering. Upgrading is free.
• Node.js version 18.0.0 or higher.

Start the demo store locally

• Create the file .shopify/project.json with the following values from your Hydrogen store:

{
  "shop": "<shop-name>.myshopify.com",
  "shopName": "<shop-name>",
  "email": "<your-email>",
  "storefront": {
    "id": "gid://shopify/HydrogenStorefront/<store-id>",
    "title": "<store-title>"
  }
}

• Replace the two instances of <your-okendo-subscriber-id> in app/root.tsx with your Okendo subscriber ID.

Your Okendo User ID identifies your Okendo account. You can get this information from the Okendo section in the integration settings of the Okendo app.

• Run:

npm ci
npm run dev