nextjs-seo

# Next.js SEO Optimization Comprehensive SEO guide for Next.js App Router applications. ## Quick SEO Audit Run this checklist for any Next.js project: 1. **Check robots.txt**: `curl https://your-site.com/robots.txt` 2. **Check sitemap**: `curl https://your-site.com/sitemap.xml` 3. **Check metadata**: View page source, search for `<title>` and `<meta name="description">` 4. **Check JSON-LD**: View page source, search for `application/ld+json` 5. **Check Core Web Vitals**: Use PageSpeed Insights (pagespeed.web.dev) and the Search Console CWV report for field data — Lighthouse is lab-only and can't measure INP ## Essential Files ### app/layout.tsx - Root Metadata ```typescript import type { Metadata, Viewport } from 'next'; // Viewport must be a separate export — `themeColor`, `colorScheme`, and // `viewport` inside the `metadata` object are not supported. export const viewport: Viewport = { width: 'device-width', initialScale: 1, maximumScale: 5, userScalable: true, themeColor: [ { media: '(prefers-color-scheme: light)', color: '#ffffff' }, { media: '(prefers-color-scheme: dark)', color: '#0a0a0a' }, ], }; export const metadata: Metadata = { metadataBase: new URL('https://your-site.com'), title: { default: 'Site Title - Main Keyword', template: '%s | Site Name', }, // ~150-160 chars is a guideline, not a limit — Google truncates per device/query description: 'Compelling description with target keywords', // No `keywords` field: G...