💎
Headless Docs
Version 0.2.0
Version 0.2.0
  • Overview
  • Change Log
  • Next.js Steps
    • Requirements
    • Determine Page Methods
      • Route Hashing Method
      • Cookies Method
    • Install Middleware
    • Add Intelligems Provider
    • Read User Context
      • Route Hashing Method
      • Cookies Method
    • 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
  • Examples
    • Content Testing
  • Reference
    • Middleware Objects
      • IgMiddlewareConfig
      • IgMiddlewareHandler
    • Providers
      • Next.js
      • Gatsby
    • Components
      • Price Components
    • Hooks
      • Price Hooks
      • Track Hooks
      • Experiment Hooks
      • Test Group Hooks
      • Cart & Checkout Hooks
Powered by GitBook
On this page
  1. Next.js Steps

Add Intelligems Provider

PreviousInstall MiddlewareNextRead User Context

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

Example Configuration

export default function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <IntelligemsNextProvider
        ig={pageProps.ig}
        storefrontApiToken={
          process.env.NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN!
        }
        priceFormat={'dollars'}
        priceFormatter={(value: string) => `${value} USD`}
        organizationId={process.env.NEXT_PUBLIC_INTELLIGEMS_ORG_ID!}
      >
        ...
      </IntelligemsNextProvider>
    </>
  )
}
IntelligemsNextProvider
Higher-Order Component