next-best-practices

Next.js best practices for App Router, Server/Client Components, data fetching, caching, Server Actions, and performance optimization. Use this skill whenever working with Next.js applications — including routing, layouts, data fetching, forms, mutations, caching strategies, streaming, metadata/SEO, image/font optimization, or any React Server Component patterns. Also use when upgrading Next.js, debugging hydration errors, or deciding between server and client rendering. Even if the task seems simple, consult this skill to ensure modern Next.js 16 patterns are used instead of outdated approaches.