vercel-react-best-practices

To optimize bundle size and data fetching in a large Next.js app, apply dynamic imports and minimal serialization at server boundaries to reduce runtime overhead and generate a prioritized refactor plan.

The best way to use React Suspense and server components for performance is enforcing structured guidelines that guide client rendering and server data fetching, enabling automated tooling to identify bottlenecks and suggest refactors.

Review a React page to identify performance bottlenecks by applying structured rules to assess component rendering and data fetching, which generates a prioritized improvement plan for your project.

React.cache works well for optimizing server data fetching boundaries by enforcing minimal serialization and structured patterns, which helps reduce runtime and improve overall application performance.

Use dynamic imports instead of static imports in Next.js when applying performance best practices to reduce bundle size, specifically targeting components and pages to improve loading speed and user experience.