vercel-react-best-practices

React and Next.js performance best practices involve applying a structured framework of 65 rules across 8 priority areas. This guides automated refactoring and code generation to reduce build times, improve user experience, and ensure scalable optimizations.

Optimize bundle size and data fetching in Next.js by applying concrete patterns for server components, server actions, and dynamic imports. This structured approach ensures maintainable bundle optimizations and scalable rendering improvements.

You need server components and server actions in Next.js when writing new components or refactoring existing pages for performance. They provide concrete patterns for data fetching and rendering improvements within an enforcement-ready categorization framework.

The best way to refactor React components for performance is using a categorized reference guide. It clarifies requirements for categorization, safety, and maintainability, guiding automated refactoring sessions starting with the highest-impact optimization rules.

Yes, you can use these Next.js best practices for code reviews. The framework provides an enforcement-ready reference of rules and patterns suitable for performance-focused development, code reviews, and writing new maintainable components.