vercel-react-best-practices

Apply a structured taxonomy of 70 rules across 8 priority-driven categories covering bundling, SSR, and server actions to guide automated React and Next.js refactoring workflows and eliminate common UI bottlenecks.

Best practices for Next.js data fetching and bundle optimization involve applying category-prefixed rules (async-, bundle-, server-) that organize performance patterns by domain impact to streamline data-fetch strategies and reduce bundle size.

A rule-based taxonomy drives automated code generation by using clear category prefixes (client-, rerender-, rendering-, js-) to systematically enforce performance guidelines when writing or refactoring React components and Next.js pages.

Yes, you can use these Vercel engineering performance guidelines to review existing React applications by evaluating components and pages against 70 rules to identify and refactor performance inefficiencies across the codebase.

Apply server-side rendering optimization rules in Next.js when refactoring pages and data-fetch patterns, utilizing the server- and advanced- category prefixes to enforce SSR performance guidelines and reduce rendering bottlenecks.