AI Visibility Engine Integration for Next.js Sites

If you have a Next.js site, there is a chance your site may not be fully visible to AI bots like ChatGPT, Perplexity, Gemini, and Claude.

This often happens because many Next.js sites rely heavily on JavaScript-rendered content. If important content on your site is loaded through JavaScript, some AI crawlers may struggle to read, understand, and index it properly. As a result, your products, collections, blogs, and key site content may not be fully consumed or cited by large language models.

This can negatively affect your performance across AEO, GEO, SEO, and AI visibility.

Alli AI has developed an AI Visibility Engine that helps solve this problem by prerendering your website and serving an HTML version of your site to AI bots when they crawl it. This makes your content easier for LLM crawlers to access, understand, and cite.

By providing a clean, crawlable HTML version of your Next.js site, the AI Visibility Engine can also help speed up the crawling process, allowing AI bots to discover and consume more pages across your site.

To integrate your Next.js site with Alli AI’s AI Visibility Engine, we recommend using the Edge integration method. This setup uses Cloudflare or AWS CloudFront service workers to deliver the prerendered HTML version of your site to AI crawlers.

The final step usually involves switching your nameservers to Cloudflare to complete the integration.

Here is an Article on how to complete the AI Visibility Edge Integration: https://help.alliai.com/en/articles/15787799-ai-visibility-engine-edge-integration-using-cloudflare-workers

Once the Cloudflare setup is complete, the nameservers need to be updated.

For a Next.js site, the nameserver steps depend on where the domain was purchased.

A Next.js site does not have nameservers inside Next.js. Nameservers are updated where the domain was purchased, such as GoDaddy, Namecheap, Hostinger, Porkbun, Cloudflare, or another registrar.

First, identify where the Next.js site is hosted, such as:

The hosting provider will give you the DNS records needed to connect the domain.

If using Cloudflare for an Edge integration:

In Cloudflare, go to:

DNS → Records

Add the DNS records provided by the Next.js hosting provider.

These may include:

For example, if the site is hosted on Vercel, use the DNS records provided inside the Vercel domain settings.

Log in to the account where the domain was purchased.

Go to:

Domain Settings → Nameservers

Then:

After propagation, test:

Also confirm:

For a Next.js site, update nameservers at the domain registrar, point them to Cloudflare, and make sure Cloudflare DNS records point to the Next.js hosting provider.