# Requirements

## Required Environment Variables

#### Intelligems Organization Id

Visit [app.intelligems.io](https://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

{% hint style="danger" %}
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.<br>

*Are you an emotion-js/vite expert?* Reach out to <tech@intelligems.io> to help us fix this!
{% endhint %}

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

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

```