vercel-react-best-practices

To optimize React and Next.js application performance, apply structured guidelines covering data fetching, rendering, and bundle size reduction. The skill provides 57 prioritized rules across 8 categories to identify bottlenecks and suggest code improvements for faster load times.

The best way to reduce bundle size in a Next.js app is applying targeted refactoring rules that identify hotspots and optimize imports. This skill provides specific guidelines to analyze pages and execute code improvements that minimize bundle footprints.

Fixing server-side rendering waterfalls in React involves applying structured performance rules to data fetching and rendering logic. The skill lists prioritized rule categories with concrete examples to resolve cascading fetches and improve SSR efficiency.

Yes, you can use these guidelines to refactor existing React code. The skill applies when writing, reviewing, or refactoring React and Next.js code, helping identify performance hotspots and suggesting actionable code improvements based on 57 rules.

Yes, this skill covers both client-side and server-side rendering optimizations. It provides structured performance guidelines across 8 categories, including specific rules for server-side performance, client-side rendering, and bundle size reduction.