vercel-react-best-practices

To optimize React and Next.js performance, apply Vercel best practices across components, pages, and data fetching to generate concrete refactor recommendations for both client and server contexts.

High impact bundle optimization patterns target server components, client components, and data fetching strategies to reduce redundant work and prioritize changes that significantly improve React UI scalability.

Refactor Next.js data fetching by aligning with Vercel Engineering performance patterns, ensuring context-aware optimizations are applied correctly across server and client component boundaries.

You can standardize React performance best practices across a project by surfacing major optimization opportunities and generating a prioritized, codebase-wide change plan for components and pages.

Identify critical React performance issues by analyzing your Next.js project against Vercel best practices, categorizing findings by CRITICAL and HIGH impact to produce a prioritized change plan.

This approach works for both server and client component optimization by applying context-aware prompts that guide the correct bundle strategies and performance patterns for each specific rendering environment.