Headless Docs
Latest (1.2.3)
Latest (1.2.3)
  • Overview
  • Change Log
  • General Steps
    • Update Prices on Page
    • Update ATC Events
      • Shopify Functions
      • Shopify Plus + Scripts
    • Preview Your Site
    • Lite Mode
  • Next.js Steps
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Next.js - App Directory Configuraiton
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Gatsby Steps
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Pack Digital Steps
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Shopify Hydrogen / Remix
    • Requirements
    • Update loader()
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Examples
    • Custom Events
    • Content Testing
    • Gift With Purchases
  • Reference
    • Providers
      • Provider Props
    • Components
      • Price Components
    • Hooks
      • Price Hooks
      • Offer Hooks
      • Track Hooks
      • Experience Hooks
      • Variation Hooks
      • Cart & Checkout Hooks
Powered by GitBook
On this page
  1. Shopify Hydrogen / Remix

Add Intelligems Provider

PreviousUpdate loader()NextTrack Page Views

Last updated 1 month ago

The IntelligemsHydroogenProvider will save all relevant data into React Context, which will be available throughout the app as needed.

Example Configuration

import { IntelligemsHydrogenProvider } from "@intelligems/headless/hydrogen"

export default function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <IntelligemsHydrogenProvider
         config={intelligems} // returned from your loader response in prior step
         organizationId={process.env.INTELLIGEMS_ORG_ID}
         storefrontApiToken={process.env.STOREFRONT_ACCESS_TOKEN}
         antiFlicker={true}
      >
        ...
      </IntelligemsHydrogenProvider>
    </>
  )
}
Higher-Order Component