Skill
next-best-practices
next-best-practices — a Claude Code skill from vercel-labs/next-skills
Features
- ✓Core Next.js knowledge base
- ✓Project structure and file conventions
- ✓Server/Client Component rules (RSC Boundaries)
- ✓Data fetching and mutation strategies
- ✓Async APIs in Next.js 15+
- ✓Navigation hooks and server functions
- ✓Node.js vs Edge runtime selection
- ✓Error boundaries and redirects
- ✓API routes with `route.ts`
- ✓SEO, OG images, sitemaps metadata
- ✓Optimization with `next/image` and `next/font`
- ✓Package compatibility and bundling
- ✓Third-party scripts and Google Analytics
- ✓Hydration errors debugging
- ✓CSR bailout and Cache Components requirements
- ✓Modal patterns with intercepting routes
- ✓Self-hosting with Docker and ISR
- ✓Debugging tricks with MCP endpoint
- ✓Explore more on GitHub
Installation Guide
bash
# Install essentials (recommended)
npx skills add vercel-labs/next-skills --skill next-best-practices
# Or install everything
npx skills add vercel-labs/next-skills