nextjs-seo

Complete SEO setup for Next.js 16+ apps with metadata, sitemaps, robots.txt, and Core Web Vitals guidance. Comprehensive SEO guide for Next.js App Router applications. Run this checklist for any Next.js project: With cacheComponents: true in next.config.ts, use the "use cache" directive for SEO-critical server components: Key rules: - Covers essential files (root metadata, dynamic sitemaps, robots configuration) with ready-to-use TypeScript examples for App Router - Includes rendering strategy comparison (SSG, SSR, ISR, CSR) and Core Web Vitals targets (LCP, INP, CLS) for performance optimization - Provides quick audit checklist, common mistakes to avoid, and dynamic metadata patterns for product pages and canonical URLs - References structured data (JSON-LD), troubleshooting guides, and noindex configuration for controlling search engine indexing - Check robots.txt : curl - Check sitemap : curl - Check metadata : View page source, search for and - Check JSON-LD : View page source, search for application/ld+json - Check Core Web Vitals : Run Lighthouse in Chrome DevTools - "use cache" must be the first statement in the function body - No cookies() / headers() inside cache scope - Use cacheLife() + cacheTag() instead of export const revalidate - Sitemaps and metadata are static by default — only use "use cache" if they fetch dynamic data - Metadata API : See...