next-best-practices

Apply practical Next.js guidance for pages, loading behavior, metadata, images, scripts, performance, and deployment.

Use it when

• You are writing, reviewing, or refactoring Next.js code.
• A change touches page behavior, loading behavior, metadata, images, fonts, scripts, or app performance.
• A Next.js error points at a framework-specific page or loading issue.

What it helps solve

• Avoids common Next.js mistakes in routing, rendering, loading, metadata, images, scripts, and deployment.
• Helps debug framework-specific errors.
• Gives UI and review work a shared quality checklist.

It is usually used in the background while building or reviewing Next.js code.