Setup & Installation
npx skills add https://github.com/vercel-labs/next-skills --skill react-best-practices
https://github.com/vercel-labs/next-skills/tree/main/skills/react-best-practices
View on GitHubWhat This Skill Does
A set of 64 performance rules for React and Next.js, organized by impact level and covering waterfalls, bundle size, server rendering, re-renders, and JavaScript patterns. Maintained by Vercel Engineering.
Instead of consulting scattered blog posts or React docs, you get 64 prioritized, actionable rules with before/after code examples specific to the Next.js App Router model.
When to use it
- Catching waterfall data fetches during a Next.js code review
- Converting barrel file imports to direct imports to reduce bundle size
- Replacing useEffect-based state derivations with render-time calculations
- Setting up Suspense boundaries to stream slow page sections
- Deciding whether to use SWR, React.cache(), or LRU cache for a given fetch