vercel-react-best-practices

To optimize React and Next.js rendering performance, apply prioritized rules targeting data fetching, bundle size reduction, and hydration improvements during code generation and refactoring.

Best practices for reducing Next.js bundle size involve applying a structured rule catalog during code reviews to guide automated refactoring, minimizing imports, and optimizing rendering performance for faster load times.

Review React code for performance bottlenecks by applying a prioritized set of optimization guidelines across data fetching, bundle optimization, and server/client rendering to identify and refactor slow components.

Yes, this Next.js optimization guide applies directly to writing, reviewing, and refactoring tasks, providing end-to-end guidance for data fetching, bundle optimization, and server/client rendering performance improvements.

Slow Next.js hydration times often result from large bundle sizes and inefficient rendering; applying prioritized performance optimization rules during refactoring can reduce bundle overhead and improve hydration speed.