Documentation Next.js / React Integration

Next.js / React Integration

Integrate PrivacyPulse with your Next.js or React application.

Next.js (App Router)

Add to your root layout (app/layout.tsx):

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <Script 
          src="https://your-domain.com/t.js"
          data-website-id="YOUR_ID"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  )
}

Next.js (Pages Router)

Add to pages/_app.tsx:

import Script from 'next/script'

function MyApp({ Component, pageProps }) {
  return (
    <>
      <Script 
        src="https://your-domain.com/t.js"
        data-website-id="YOUR_ID"
      />
      <Component {...pageProps} />
    </>
  )
}

React (Create React App)

Add to public/index.html in the <head> section.