vercel-react-best-practices

To optimize React and Next.js performance, apply established Vercel engineering guidelines that target large bundle sizes, inefficient rendering, and slow data fetching across 69 actionable rules.

Best practices for React data fetching and server-side performance involve applying aggregated patterns across 8 distinct categories, guiding automated refactoring to deliver snappier user experiences.

Yes, you can use these Next.js optimization guidelines for automated codebase refactoring, as the rules are explicitly designed to guide code generation and surface optimization opportunities in existing projects.

Yes, this skill covers Next.js server actions and bundle optimization, enforcing rules across 8 categories that specifically address bundling, server-side performance, and data fetching tasks.

The best way to find rendering optimization opportunities is using quick-start guidance that surfaces inefficient rendering patterns in your existing React project for immediate refactoring.