---
title: Add Cookie Compliance to a Next.js site
kind: platform
last_verified: 2026-09-28
---
# Add Cookie Compliance to a Next.js site
**In short:** paste the **live** snippet into the document `` of the root layout so it is the **first script on every page**, as classic synchronous tags — not via `next/script` with `strategy`, not in a client component that hydrates later.
## You need
- A Cookie Compliance AppID and the live snippet from MCP `install.getSnippet` or dashboard **Integrations → Manual Integration** (correct v1 or `/v2/` URL already included).
- Edit access to the App Router root layout or the Pages Router document.
## The wrong way
```tsx
// app/layout.tsx — BAD
import Script from 'next/script';
export default function RootLayout({ children }) {
return (
{children}
);
}
```
Problems: loaded after the page (and usually after analytics), `next/script` strategies break execution order, and `huOptions` is missing. Consent becomes decoration.
## The right way
### App Router (`app/layout.tsx`)
Put the live snippet inside `` of the root layout. Use raw `