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_STORE_DOMAIN=<your-store-name>.myshopify.com
SHOPIFY_STOREFRONT_ACCESS_TOKEN=<Storefront-API-Token>

Vite Configuration

The Intelligems Preview Mode widget is not currently compatible with vite; css styling will not show up as expected. Add window.disableIgPreviewBar = true; to your site to disable the UI.

Are you an emotion-js/vite expert? Reach out to [e-mail] to help us fix this!

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'
    ],
  },
  ...
});