nextjs-16-app-router
CommunityEnforce correct Next.js 16 App Router usage.
Software Engineering#routing#nextjs#app-router#server-components#data-fetching#client-components#auth-boundaries
AuthorItsKumailHere
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Enforces correct, modern Next.js 16 App Router usage across projects, preventing common pitfalls when building pages, layouts, routing, and data fetching.
Core Features & Use Cases
- Enforces that files in app/ are treated as Server Components by default unless explicitly marked with "use client".
- Guides decision-making between Server Components, Client Components, Route Handlers, and Server Actions for data fetching and UI interactivity.
- Helps ensure authentication boundaries and token handling follow best practices, with tokens confined to server context.
Quick Start
Initialize or review a Next.js 16 app router project and run a quick audit to verify Server Components default behavior, client component allowances, and data-fetching routing rules.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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-16-app-router Download link: https://github.com/ItsKumailHere/taskdotdo/archive/main.zip#nextjs-16-app-router Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.