Next.js and React integration

AI support chat for Next.js and React

The SupportLime loader is a plain script tag with no framework dependency, so it drops into any React or Next.js app. Load it after hydration, identify logged-in users, and open the chat from your own buttons.

Install on Next.js and React in three steps

  1. 1

    Add your site in SupportLime

    Sign up and paste your app's URL. For docs behind login, add the content as text or Q&A sources instead.

  2. 2

    Load the script

    Next.js App Router: in app/layout.js add

Tips

  • •The widget never blocks rendering: it mounts the chat frame on first click.
  • •Allowed domains are checked server-side, so add localhost-free preview domains in Widget settings if you need them.

Frequently asked questions

Is there an npm package?
Not needed: the loader is a 2 KB script with a window.SupportLime API. An npm wrapper with TypeScript types is on the roadmap.
Does it work with strict Content Security Policy?
Allow script-src https://widget.supportlime.com, frame-src https://widget.supportlime.com and connect-src https://api.supportlime.com.

Other platforms

Add AI support chat to Next.js and React today

Free plan, no card. Paid plans start at $29 with unlimited teammates.

Feedback? Need help?