vercel-react-best-practices

To optimize React and Next.js application performance, implement guidelines for bundle size reduction, data fetching, re-render optimization, and rendering performance improvements. Apply these rules during development or refactoring to reduce load times and ensure optimal performance patterns.

Best practices for reducing bundle size in Next.js involve applying specific performance optimization rules during development or refactoring. This Skill provides guidelines targeting bundle size reduction alongside data fetching, server-side rendering, and client-side optimizations to reduce load times.

The best way to handle data fetching and server-side rendering in Next.js is to follow established performance optimization guidelines. This Skill provides targeted rules for optimizing these critical performance aspects, ensuring optimal performance patterns and reducing load times.

Yes, you need prior knowledge of React and Next.js development principles to use these performance guidelines effectively. This Skill provides rules for bundle size, data fetching, server-side rendering, and client-side optimizations without requiring external dependencies.

You should refer to React and Next.js code guidelines when developing or refactoring code to implement performance improvements. Use these rules to optimize bundle size, data fetching, re-render optimization, and rendering performance to reduce load times.