Next.js SEO Skill

A complete reference for implementing and auditing SEO in Next.js projects — covering both App Router (v13+) and Pages Router, with support for next-seo, next-sitemap, and @next/third-parties.

Step 1 — Detect Project Context

Before generating any code, identify:

1. Router type: App Router (app/) or Pages Router (pages/)?
2. Next.js version: v13+, v12, or older?
3. SEO libraries in use: Check package.json for next-seo, next-sitemap, @next/third-parties
4. Page type: Static, dynamic (with params), or catch-all?
5. Content type: What kind of page is this? (homepage, blog post, product, category, etc.)

If the user pastes code or a file, infer the above from it. If unclear, ask one focused question.