https://github.com/okendo/okendo-shopify-hydrogen-demo

Demo store for the Okendo Hydrogen components.
https://github.com/okendo/okendo-shopify-hydrogen-demo

Last synced: 3 months ago
JSON representation

Demo store for the Okendo Hydrogen components.

• Host: GitHub
• URL: https://github.com/okendo/okendo-shopify-hydrogen-demo
• Owner: okendo
• License: mit
• Created: 2022-06-06T09:04:27.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-12T07:54:54.000Z (4 months ago)
• Last Synced: 2024-07-12T10:59:27.611Z (4 months ago)
• Language: TypeScript
• Homepage:
• Size: 1.78 MB
• Stars: 13
• Watchers: 6
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-hydrogen - Okendo - Customer reviews. (Apps & Integrations)

README

        
> **Note**

> This demo store is built on Hydrogen v2, based on Remix. If you are using a store built with the now deprecated Hydrogen 1, please see [here](https://github.com/okendo/okendo-shopify-hydrogen-demo/tree/hydrogen-1-archive).

> 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 the Okendo Hydrogen components

Please read the [documentation of the `@okendo/shopify-hydrogen` library](https://www.npmjs.com/package/@okendo/shopify-hydrogen).

This demo store is simply the `demo-store` template [provided by Shopify](https://shopify.dev/docs/custom-storefronts/hydrogen/getting-started/quickstart), to which the Okendo components have been added. You can 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.17.1` or higher.

## Start the demo store locally

You will need to create a `.env` file with the following values from your Hydrogen instance:

```

SESSION_SECRET=

PUBLIC_STORE_DOMAIN=

PRIVATE_STOREFRONT_API_TOKEN=

PUBLIC_CUSTOMER_ACCOUNT_API_CLIENT_ID=

PUBLIC_CUSTOMER_ACCOUNT_API_URL=

PUBLIC_STOREFRONT_API_TOKEN=

PUBLIC_STOREFRONT_ID=

```

Replace `''` 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.

```bash

npm ci

npm run dev

```