nextjs-anti-patterns
CommunityIdentify & fix Next.js anti-patterns
AuthorMuhammedSuhaib
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps identify and fix common Next.js App Router anti-patterns, including misuse of useEffect, unnecessary client-side state, and improper component boundaries.
Core Features & Use Cases
- Anti-pattern detection: Spot common issues in Next.js projects.
- Guided fixes: Provide correct server/client boundaries and data fetching patterns.
- Migration guidance: Smoothly transition from old patterns to App Router best practices.
Quick Start
- Review code for useEffect/data-fetch patterns and replace with Server Components.
- Move client-side interactivity to the lowest necessary component.
- Replace Next.js 12-14 patterns with App Router equivalents.
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-anti-patterns Download link: https://github.com/MuhammedSuhaib/LevelUpSpeckit-Plus/archive/main.zip#nextjs-anti-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.