next-best-practices

Next.js project structure relies on specific file conventions for route segments, middleware, and redirects. Applying these best practices standardizes conventions, ensures compliant architecture, and improves code quality across projects.

Detecting invalid server/client boundaries involves analyzing React Server Component (RSC) patterns and data fetching workflows. This Skill provides actionable guidance to identify invalid component patterns and optimize data workflows.

Handling metadata and OG images in Next.js involves specific metadata strategies and image optimization techniques. This guide provides actionable rules for SEO metadata setup, OG image generation, and font optimization.

Using Server Actions and Route Handlers effectively requires understanding modern Next.js async patterns and runtime selection. This Skill covers directives, server actions, route handlers, and async API changes.

Yes, this Next.js best practices guide covers parallel and intercepting route patterns alongside suspense boundaries. It also includes debug tricks and performance debugging tips to handle these advanced mechanisms.