vercel-react-best-practices

Fix React and Next.js performance issues by applying a structured catalog of 57 rules covering bundle optimization, server components, and data fetching waterfalls. This enables automated refactoring and code generation for faster, more reliable apps.

Eliminate Next.js data fetching waterfalls using prioritized server-side patterns and advanced rules. This provides automated decision support for refactoring routes and data calls to achieve safe, performance-optimized boilerplate.

Automate React performance optimization code reviews using a curated catalog of rules with priorities, usage patterns, and auditability. This supports automated decision making and generation of performance-optimized boilerplate across components.

React optimization guidance covers both client-side rendering and server components across 8 categories. It enforces rules for API routes, bundle optimization, and client rendering scenarios to satisfy end-to-end performance requirements.

Run a quick diagnostic pass on a React or Next.js project to surface critical bottlenecks and apply top-priority patterns. This guides engineers across components, routes, and data calls to close performance gaps safely.