Vercel React Best Practices

Vercel React Best Practices is Vercel Engineering's performance guide for React and Next.js (publisher vercel-labs, MIT licence). It gives the agent a prioritized rule set across eight categories: eliminating waterfalls and bundle size optimization (critical), server-side performance (high), client-side data fetching, re-render optimization, rendering performance, JavaScript performance and advanced patterns. Each rule has a named prefix and its own file with an explanation and examples, for instance async-parallel (Promise.all for independent work), bundle-barrel-imports (import directly rather than through barrel files), bundle-dynamic-imports (next/dynamic for heavy components), server-auth-actions (authenticate server actions like API routes), server-cache-react (React.cache for per-request deduplication) and server-after-nonblocking (after() for non-blocking work).

Use it when writing, reviewing or refactoring React components and Next.js pages, fixing slow data fetching, or cutting bundle size. It is a performance guide; it does not cover visual design or accessibility reviews.

This is a coding skill for agents such as Claude Code working in a React or Next.js codebase. BusinessMCP can import it as a playbook, but it is not related to workspace business data.