▲ Next.js

AI support for Next.js apps

Integrate an AI chatbot into your Next.js application. Works with App Router and Pages.

How to Add a Chatbot to Next.js

Copy the script from your dashboard.

Use next/script in your layout or _app.js file.

Works on Vercel, Netlify, or any host.

Copy this code and paste it into your Next.js site. Replace YOUR_EMBED_KEY with your actual key from the dashboard.

<script src="https://sitesupport.ai/widget.js" data-key="YOUR_EMBED_KEY"></script>

Where do I find my embed key? After signing up, you'll see your embed key in the dashboard. It looks like this: sk_abc123xyz...

Works with App Router

Works with Pages Router

next/script integration

TypeScript compatible

Edge runtime safe

Add <Script src="..." strategy="lazyOnload" /> in your root layout.tsx file.

Yes! Use the lazyOnload strategy to ensure it only runs client-side.

None. It's a simple external script that loads independently.

💬

Our support team can help you get set up. We typically respond in under an hour.

Set up in under 5 minutes. No credit card required.