Add Intelligems Provider
The IntelligemsNextProvider Higher-Order Component will save all relevant data into React Context, which will be available throughout the app as needed.
Example Configuration
import { IntelligemsNextClientsideAppDirectoryProvider } from "@intelligems/headless/next-clientside-app-directory"
export default function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<IntelligemsNextClientsideAppDirectoryProvider
organizationId={process.env.NEXT_PUBLIC_INTELLIGEMS_ORG_ID}
storefrontApiToken={process.env.NEXT_PUBLIC_STOREFRONT_ACCESS_TOKEN}
antiFlicker={true}
>
...
</IntelligemsNextClientsideAppDirectoryProvider>
</>
)
}
ESM Errors
Depending on the setup of your site, you may encounter an ERR_REQUIRE_ESM
error when using our package. Try adding the snippet below to next.config.js
and/or reach out to support.
transpilePackages: ['@intelligems/headless']
Last updated