Framework-Native
Works with App Router, Pages Router, Server Components, Client Components. No special configuration for any Next.js pattern.
Add Real-Time Personalization to Next.js Without Server Changes
Your Next.js app is fast and modern. Add AI personalization with one script tag. Works with App Router, Pages Router, SSR, SSG, and ISR. No API routes needed.
Free plan available. No credit card required.
Script Tag (Layout or _document) Installation
Add to your Next.js site:
<script>(function(w,d,s,k){w.ADAPTLY_CONFIG={API_KEY:k};if(!d.querySelector('script[src*="adaptly.min.js"]')){var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=1;j.src='https://cdn.adaptly.dev/sdk/v1/adaptly.min.js';f.parentNode.insertBefore(j,f);}})(window,document,'script','YOUR_API_KEY');</script>
Add the Adaptly snippet to your root layout.tsx (App Router) or _document.tsx (Pages Router).
Install on Next.js in 3 Simple Steps
No coding skills required. Takes under 60 seconds.
1
Add to Layout
Add the Adaptly script tag to your root layout.tsx or _document.tsx head section
2
Deploy
Deploy your Next.js app normally: Vercel, Netlify, or self-hosted
3
AI Personalizes
Adaptly works client-side after hydration, personalizing text for ad visitors on every page.
Why Next.js Users Love Adaptly
No Hydration Issues
Adaptly waits for hydration to complete before personalizing, ensuring zero React hydration mismatches or console errors.
Deploy Anywhere
Vercel, Netlify, AWS, self-hosted. Adaptly works regardless of your hosting since it's a client-side script.
How AI Personalization Works on Next.js
Visitor Arrives From Ad
Someone clicks your Google, Facebook, or other ad and lands on your Next.js site.
AI Detects Ad Context
Adaptly reads the UTM parameters, click IDs, and referrer to understand the ad source, keyword, and campaign.
Page Content Adapts Instantly
Headlines, body copy, and CTAs are rewritten in under 100ms to match the visitor's search intent or ad context.
Conversion Rate Climbs
Built-in A/B testing validates every personalization. The AI learns and improves continuously.
Adaptly + Next.js FAQ
Does it work with Next.js App Router?
Yes. Add the script to your root layout.tsx using the next/script component or a regular script tag in the head. It works identically with both App Router and Pages Router.
Will it cause React hydration errors?
No. Adaptly waits for the page to fully hydrate before applying personalizations. It modifies the DOM after React is done, so there are no hydration mismatches.
Does it work with SSR and SSG pages?
Yes. Adaptly operates client-side after the page loads, so it works with SSR, SSG, ISR, and fully client-rendered pages.
Do I need to install an npm package?
No. Adaptly is a simple script tag. No npm package, no build step integration, no bundler configuration needed.
Works With Every Platform
One script works across all website builders and ad platforms.
Ad Platform Pages
Ready to Personalize Your Next.js Site?
Add one script, start converting more visitors from paid ads. Free plan available — see results within hours.
Start Free on Next.jsFree plan available. No credit card required.