Vercel React Best Practices
Comprehensive performance optimization guide for React and Next.js applications with 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
🚀 Master React and Next.js performance with Vercel's essential best practices. This comprehensive guide contains 45 actionable rules organized by impact, helping you eliminate waterfalls, optimize bundle size, and boost server-side performance. Perfect for writing faster components, optimizing data fetching, and refactoring existing code.
💡 Use this skill when building new React components, implementing data fetching strategies, reviewing code for performance issues, or tackling bundle size problems. The rules are prioritized by real-world impact—focus on critical categories first to see the biggest improvements in load times and user experience.
✨ Get instant guidance with clear rule prefixes, practical examples, and a structured approach that works for both new projects and legacy code optimization.
Requirements
No additional requirements.