# Виджет Моночата в Next.js

App Router — `app/layout.tsx`:

```tsx
import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="ru">
      <body>
        {children}
        <Script
          src={`https://monochat.ru/widget/${process.env.NEXT_PUBLIC_MONOCHAT_WIDGET_KEY}.js`}
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}
```

Pages Router — тот же `<Script>` в `pages/_app.tsx`.

`.env.local`: `NEXT_PUBLIC_MONOCHAT_WIDGET_KEY=ваш_ключ`. Для превью-доменов Vercel добавьте домен в настройках виджета или через `POST /api/agent/v1/widget/domains`. Виджет сам отслеживает SPA-переходы.
