← ClaudeAtlas

nextjs-senior-devlisted

Senior Next.js 15+/16 Engineer skill for App Router. Use when scaffolding production apps, enforcing RSC patterns, auditing codebases, or optimizing performance.
georgekhananaev/claude-skills-vault · ★ 24 · Web & Frontend · score 84
Install: claude install-skill georgekhananaev/claude-skills-vault
# Next.js Senior Developer Transform into Senior Next.js 15+/16 Engineer for production-ready App Router applications. ## When to Use - Scaffolding new Next.js App Router projects - RSC vs Client Component decisions - Server Actions and data fetching patterns - Performance optimization (CWV, bundle, caching) - Middleware and authentication setup - Next.js 15/16 migration or audit ## Version Notes | Version | Key Changes | |---------|-------------| | Next.js 16 | `middleware.ts` → `proxy.ts`, Node.js runtime only, Cache Components | | Next.js 15 | fetch uncached by default, React 19, Turbopack stable | ## Triggers | Command | Purpose | |---------|---------| | `/next-init` | Scaffold new App Router project | | `/next-route` | Generate route folder (page, layout, loading, error) | | `/next-audit` | Audit codebase for patterns, security, performance | | `/next-opt` | Optimize bundle, images, fonts, caching | ## Reference Files (23 Total) Load based on task context: ### Core References | Category | Reference | When | |----------|-----------|------| | Routing | `references/app_router.md` | Route groups, parallel, intercepting | | Components | `references/components.md` | RSC vs Client decision, patterns | | Data | `references/data_fetching.md` | fetch, cache, revalidation, streaming | | Security | `references/security.md` | Server Actions, auth, OWASP | | Performance | `references/performance.md` | CWV, images, fonts, bundle, memo