next-best-practices

Next.js project structure best practices involve clear server and client component separation, optimized data fetching patterns, and consistent routing conventions to ensure scalable apps. This skill provides guidelines for file conventions and layout composition to avoid common architectural pitfalls.

Image and font optimization in Next.js is best handled through built-in components and metadata APIs that automatically serve responsive formats and reduce layout shift. This skill provides specific guidance on bundling strategies and optimization techniques for production readiness.

Using Route Handlers and Server Actions for Next.js data fetching requires defining clear server/client boundaries to execute secure backend logic and streamline data patterns. This skill standardizes these routing patterns to maintain consistent project architecture.

Yes, you can use this Next.js best practices reference during code reviews and onboarding to standardize project architecture and verify team compliance. It serves as a curated set of guidelines for coding conventions, metadata handling, and error management.