Add AI support to any Next.js app
Whether you wrote it by hand, generated it with an AI tool, or inherited it from a template, Next.js is the most common landing spot for AI-built apps once they graduate to a real codebase.
Start free trialWhy a Next.js app needs support anyway
Next.js gives you routing, rendering, and deployment — not a support desk. That part is still entirely on whoever ships the app, regardless of how it was built.
Add support to your Next.js app
App Router: edit app/layout.tsx
Add the script tag inside the root <body>, so it loads on every route in the app.
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
{children}
<script src="https://app.resply.io/widget.js" data-org-id="YOUR_ORG_ID" async></script>
</body>
</html>
)
}Pages Router: edit pages/_document.tsx
If you’re on the older Pages Router, add it to the shared _document instead.
<Html>
<Head />
<body>
<Main />
<NextScript />
<script src="https://app.resply.io/widget.js" data-org-id="YOUR_ORG_ID" async></script>
</body>
</Html>Deploy
Ship it through your normal deploy pipeline (Vercel, or wherever you host). No new dependency, no API route, no environment variable required.
The questions you'll get asked
Answer each once in your docs, and Resply handles it automatically from then on.
FAQ
Does this affect my Core Web Vitals?
The widget is a small async script that loads after hydration, so it doesn’t block your LCP or add to your JS bundle size — it’s not part of your Next.js build at all.
Can I lazy-load it only on certain routes?
You can move the script tag into a specific layout segment instead of the root layout if you only want it on part of your app — for example, everything under app/(app)/ but not your marketing pages.
Ship the app. Skip the help desk.
14-day free trial. No credit card. Live in about as long as your last deploy.
Start free trial