# v0 by Vercel
Add ProductLense to a Next.js app generated by v0 with one prompt, loading the script from the root layout with next/script.
v0 generates Next.js apps, so ProductLense is loaded from the root layout with `next/script`. Paste the prompt below, or make the change yourself with the [Next.js guide](/docs/install/nextjs).
Replace `SITE_ID` in the prompt with the id from Settings → Sites in the ProductLense dashboard before you send it.
## The prompt
```text title="Prompt for v0"
Add ProductLense analytics to this Next.js app. In app/layout.tsx, import Script from "next/script" and add these two components inside , after {children}:
Keep data-site and the src exactly as written. Do not install any package. When a user signs in, call window.productlense?.('identify', user.id) once in a client component.
```
## The result
This is what `app/layout.tsx` should contain afterwards:
```tsx title="app/layout.tsx" {9-12}
import Script from 'next/script';
import type { ReactNode } from 'react';
export default function RootLayout({ children }: { children: ReactNode }) {
return (
{children}
);
}
```
Check that `data-site` holds your real site id and the `src` is unchanged. When you deploy to Vercel, add the production domain to the site's hostnames in the ProductLense dashboard; preview deployments on `vercel.app` are rejected unless you add them too.
## Verify your installation
1. Deploy, then open the production URL in a normal browser window.
2. Open the Live page in the ProductLense dashboard. Your visit appears within a few seconds.
3. In the browser's developer tools, the Network tab shows a `POST` to `https://api.productlense.app/api/e` with status `204`. Navigate to another page: a second pageview follows.
If the visit does not appear, follow [Verify your installation](/docs/install/verify).