Provider Patterns · Contentful Personalization · contentful/skills · Skills Docs

Provider Patterns · Contentful Personalization · contentful/skills · Skills Docs

<NinetailedProvider
  clientId={process.env.NEXT_PUBLIC_NINETAILED_CLIENT_ID ?? ''}
  environment={process.env.NEXT_PUBLIC_NINETAILED_ENVIRONMENT ?? 'main'}
  plugins={[
    new NinetailedInsightsPlugin(),
    ...(preview
      ? [
          new NinetailedPreviewPlugin({
            experiences: pageProps.ninetailed?.preview?.experiences ?? [],
            audiences: pageProps.ninetailed?.preview?.audiences ?? [],
          }),
        ]
      : []),
  ]}
>
  <Component {...pageProps} />
</NinetailedProvider>

import { NinetailedProvider } from '@ninetailed/experience.js-next';
import { NinetailedInsightsPlugin } from '@ninetailed/experience.js-plugin-insights';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <NinetailedProvider
          clientId={process.env.NEXT_PUBLIC_NINETAILED_API_KEY!}
          environment={process.env.NEXT_PUBLIC_NINETAILED_ENVIRONMENT}
          plugins={[new NinetailedInsightsPlugin()]}
        >
          {children}
        </NinetailedProvider>
      </body>
    </html>
  );
}