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

App Router — app/layout.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-переходы.