Requirements

Required Environment Variables

Intelligems Organization Id

Visit app.intelligems.io. Your organization ID is located on the settings page.

INTELLIGEMS_ORG_ID=<Intelligems-Organization-Id>
SHOPIFY_STOREFRONT_ACCESS_TOKEN=<Storefront-API-Token>

Vite Configuration

The Intelligems Preview Mode widget is not currently compatible with Vite; CSS styling may not show up as expected. You can disable the UI by setting window.disableIgPreviewBar = true or by using a -lite entry point.

The Intelligems package may need to be added to vite.config.ts:

import { defineConfig } from "vite";
import { hydrogen } from "@shopify/hydrogen/vite";
import { oxygen } from "@shopify/mini-oxygen/vite";
import { vitePlugin as remix } from "@remix-run/dev";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  ...
  ssr: {
    optimizeDeps: {
      include: [
        ...
        "@intelligems/headless/hydrogen",
      ],
    },
  },
  optimizeDeps: {
    include: [
      ...
      "@intelligems/headless/hydrogen",
    ],
  },
  ...
});