vercel-react-best-practices

Fix React and Next.js performance bottlenecks by applying a centralized best-practices guide covering data fetching, server/client boundaries, and bundle optimization. It analyzes your project to surface actionable improvements across components and routes.

Reduce Next.js bundle size using categorized optimization rules that target code structure and JavaScript performance. The Skill provides actionable guidance to standardize bundle size improvements and eliminate unnecessary client-side code.

Eliminate React data fetching waterfalls by applying specific server-side performance and client-side fetching rules. The Skill identifies inconsistent patterns across routes and guides refactoring to parallelize requests and improve rendering.

Yes, the performance rules apply to both server-rendering and client-rendering boundaries in Next.js. It defines distinct categories for server-side performance and client-side data fetching to standardize rendering strategies across your application.

Optimize React re-renders and rendering performance using dedicated rule categories for component updates and advanced patterns. The Skill enforces safety checks and structured metadata to guide automated refactoring for common bottlenecks.