vercel-react-best-practices - React and Next.js Performance Optimization Guidelines
Provides React and Next.js performance optimization guidelines from Vercel Engineering
Tags
Updated: 2026-03-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- write React components
- create Next.js pages
- implement data fetching
- review code for performance
- refactor existing code
- optimize bundle size
- eliminate waterfalls
- reduce re-renders
- optimize server performance
Inputs
- React code
- Next.js code
- React components
- Next.js pages
- data fetching code
Outputs
- performance recommendations
- optimized code examples
- refactoring suggestions
- best practice guidelines
Requirements
- React framework
- Next.js framework