nextjs
CommunityNext.js App Router patterns & optimizations.
Software Engineering#server actions#nextjs#server components#app router#turbopack#cache components#proxy.ts
AuthorHieubkav
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides production-ready patterns for Next.js 16 App Router, including handling breaking changes (async params, proxy.ts), Cache Components with "use cache", Server Components, Server Actions, and metadata. It aims to help teams migrate cleanly, optimize routing and data fetching, and adopt modern Next.js patterns so you can ship faster with fewer errors.
Core Features & Use Cases
- App Router Patterns for layouts, loading, error boundaries, and routing in Next.js 16 App Router.
- Server Components & Actions guidance for data fetching, streaming, and form handling.
- Cache Components & Caching APIs patterns to improve performance and reduce server load.
- Migration Guidance from Next.js 15 to 16, including proxy.ts migration and Turbopack setup.
- Metadata & SEO usage for Open Graph, sitemaps, and advanced routing patterns.
Quick Start
Install and review production-ready patterns for Next.js 16 App Router and API Route modernization to accelerate your migration and reduce risk.
Dependency Matrix
Required Modules
None requiredComponents
referencesscripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nextjs Download link: https://github.com/Hieubkav/wincellarCloneBackend/archive/main.zip#nextjs Please download this .zip file, extract it, and install it in the .claude/skills/ directory.