vercel-react-best-practices

To optimize React and Next.js performance, you follow comprehensive guidelines that target eliminating sequential await waterfalls, reducing initial bundle size, and minimizing unnecessary UI re-renders for faster load times.

Reducing initial Next.js bundle size involves applying code optimization guidelines that minimize unnecessary JavaScript payloads, which directly improves initial page loading speed and overall rendering performance.

Eliminating waterfalls improves server-side rendering performance by minimizing sequential await calls during data fetching, allowing the application to resolve requests concurrently and deliver faster load times.

Reducing unnecessary React re-renders requires applying specific rendering optimization guidelines and advanced patterns, ensuring efficient client-side data fetching and smoother UI responsiveness during interactions.

Yes, you need to run the 'pnpm build' script to compile rule files into AGENTS.md and validate the performance guidelines, ensuring the optimization rules are correctly generated for your development scenario.