avoiding-nextjs-app-router-anti-patterns
CommunityFix Next.js App Router anti-patterns fast
Authorsomachak
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Identifies and fixes common Next.js App Router anti-patterns that cause hydration mismatches, wasted client-side state, and migration difficulties.
Core Features & Use Cases
- Detect misuse of useEffect for data fetching or browser detection that can break SSR or hydration.
- Identify improper Server/Client component boundaries and propose correct separation.
- Guide migration from the Pages Router to the App Router and enforce serializable props rules.
- Enforce TypeScript strict mode and proper handling of async params / searchParams in Next.js 15+.
Quick Start
Run a targeted code review of your Next.js project to identify App Router anti-patterns and generate a prioritized remediation plan.
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: avoiding-nextjs-app-router-anti-patterns Download link: https://github.com/somachak/claude-code-skills-db/archive/main.zip#avoiding-nextjs-app-router-anti-patterns 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.