> For the complete documentation index, see [llms.txt](https://docs.humblytics.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.humblytics.com/how-to-get-started/nextjs.md).
# Next.js
Add Humblytics to your Next.js app in about 5 minutes.
{% hint style="info" %}
**You need:** access to your app's root layout and a production deploy. A local dev server won't verify.
{% endhint %}
## 1. Copy your ID
In Humblytics, open **Site settings → Install**. Your ID is the value after `id=` in the snippet. Replace `YOUR_ID` below with it.
The snippet has two parts. The small inline script prevents A/B-test flicker: it hides the page for a moment (2 seconds at most) until your test variant is ready. Keep both.
## 2. Add it to your root layout
Use `next/script` with `strategy="beforeInteractive"` so Humblytics loads before the page is shown.
**App Router:** `app/layout.tsx`
```tsx
import Script from 'next/script'
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{children}
)
}
```
**Pages Router:** add the same two `