Vercel React Best Practices

Source: Vercel Engineering. License: MIT. Pack version 1.0.0.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. 70 rules documented as separate markdown articles under rules/ (plus section metadata templates), grouped into 8 categories prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

• Writing new React components or Next.js pages
• Implementing data fetching (client or server-side)
• Reviewing code for performance issues
• Refactoring existing React/Next.js code
• Optimizing bundle size or load times

Rule Categories by Priority