vercel-react-best-practices

To optimize React and Next.js performance, apply prioritized guidelines that eliminate waterfall chains, reduce bundle size, and improve server-side and client-side rendering for scalable code.

Best practices for eliminating waterfall chains involve applying specific rule files that guide server-side performance and data fetching patterns to prevent sequential blocking operations.

You generate the compiled performance guidelines by running the `pnpm build` command, which creates an AGENTS.md file containing the organized rules for your React and Next.js project.

Yes, this performance optimization approach requires specific rule files to provide concrete guidelines across categories like bundle size optimization and JavaScript performance enhancements.

The best way to improve server-side performance in a React application is to follow structured guidelines focused on eliminating waterfalls and applying targeted JavaScript optimizations.