vercel avatar

Next Best Practices

This is a comprehensive reference for Next.js 13+ conventions and gotchas, covering everything from RSC boundaries and async API changes in v15 to image optimization and hydration errors. You'll want this when reviewing code or debugging framework-specific issues like client components accidentally marked async, data waterfalls, or missing Suspense boundaries. The standout piece is the coverage of Next.js 15's async params and the middleware rename in v16, which are easy to miss during upgrades. It leans heavily on detection patterns rather than architectural guidance, so it's more useful for catching mistakes than designing new features from scratch.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
8
skills.sh installs
1K
GitHub stars
950
last updated
Jul 14, 2026

Install

$ npx -y skills add vercel/nextjs-skills --skill next-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

This is a comprehensive reference for Next.js 13+ conventions and gotchas, covering everything from RSC boundaries and async API changes in v15 to image optimization and hydration errors. You'll want this when reviewing code or debugging framework-specific issues like client components accidentally marked async, data waterfalls, or missing Suspense boundaries. The standout piece is the coverage of Next.js 15's async params and the middleware rename in v16, which are easy to miss during upgrades. It leans heavily on detection patterns rather than architectural guidance, so it's more useful for catching mistakes than designing new features from scratch.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/vercel/nextjs-skills
Categories
Frontend Development, Cloud & Infrastructure
First seen
May 16, 2026

More from vercel/nextjs-skills

All 3
1zeke avatarswiss-designzeke/swiss-design-skillApply a Swiss International Style design system using Tailwind CSS. Use when asked to style a webpage, clean up a UI, apply a design system, make something look999skills.sh installs
2alirezarezvani avatara11y-auditalirezarezvani/claude-skillsAccessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML cod998skills.sh installs
3patternsdev avatarserver-side-renderingpatternsdev/skillsTeaches server-side rendering (SSR) for React applications. Use when you need faster initial page loads, better SEO, or dynamic per-request HTML generation.997skills.sh installs
4laravel avatartailwindcss-developmentlaravel/boostAlways invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids992skills.sh installs
5chrisvoncsefalvay avatard3-vizchrisvoncsefalvay/claude-d3js-skillCreating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations987skills.sh installs
6facebook avatarflowfacebook/reactflow987skills.sh installs