vercel-react-best-practices

To optimize React and Next.js performance, apply best practices for server components, data fetching, routing, and rendering to reduce bundle size. This skill identifies performance hotspots and generates refactored code suggestions for faster user experiences.

Best practices for React server components involve establishing performance-first patterns for data fetching and rendering. This skill provides concrete rules, examples, and edge-case considerations to guide automated refactoring and efficient component implementation.

Yes, this skill guides automated refactoring for Next.js apps by providing concrete rules and performance patterns. It identifies hotspots across components, routes, and server actions, then applies optimized code suggestions to improve application speed.

Yes, it works with existing Next.js routing and rendering setups by analyzing your current components and data fetching strategies. It applies performance patterns directly across code reviews to improve server and client rendering efficiency.

The metadata does not specify explicit limitations on when to avoid server components, but it emphasizes evaluating edge-case considerations during code reviews. It provides concrete rules to determine when performance patterns suit your specific rendering and routing context.