How to make Next.js AI-ready
Next.js is ⚠️ risk: ship SSR/SSG, not client-only. Here's how to get it found, read and cited by ChatGPT, Perplexity, Google AI Overviews, Claude & Gemini — then verify with a free scan.
The universal checklist
- Let AI crawlers in (robots.txt: allow GPTBot, ClaudeBot, PerplexityBot, Google-Extended)
- Make sure content is in the HTML, not JavaScript-only
- Add Schema.org JSON-LD structured data
- Publish an llms.txt and an XML sitemap
- Set title, meta description, canonical and Open Graph tags
On Next.js specifically
- The #1 risk: client-only rendering. Use Server Components / getStaticProps / generateStaticParams so content is in the HTML.
- Use app/robots.ts and app/sitemap.ts; the Metadata API for title, description, canonical and OG.
- Add JSON-LD in your layout and a static public/llms.txt.
Check your Next.js site now
Scan all 12 signals and copy the generated fixes.
Other platforms: Webflow · Shopify · WordPress · Framer · Squarespace · Wix · Ghost