vercel-react-best-practices

To optimize React and Next.js performance, you apply centralized performance patterns across rendering, data fetching, and bundling. This involves analyzing your project and applying testable rules to guide code generation and refactoring for scalable performance gains.

Best practices for refactoring a Next.js app to improve Web Vitals include applying industry-standard performance patterns to rendering, data fetching, and bundle size. Concrete, testable rules guide automated refactoring to ensure scalable performance gains.

To reduce bundle size in a Next.js application, apply endorsed performance patterns during code creation and review. This targets bundling tasks by applying centralized, prioritized rules that guide automated refactoring for optimized bundle outputs.

Yes, this approach works for both code reviews and new component creation in React. It provides centralized performance patterns and concrete examples to guide code generation, migrations, and refactoring tasks across real-world projects.

You should apply Next.js performance patterns during a project migration when you need scalable performance gains across rendering and data fetching. The patterns provide guidance for migrations and refactors to ensure optimized application performance.