Nextjs Developer
Use when building Next.js 14+ applications with App Router, server components, or...
Install
npx skills add Jeffallan/claude-skills --skill nextjs-developer -g -a claude-code -y- Repository
- Jeffallan/claude-skills12.2k
- Category
- DevOps
- Updated
- 5d ago
- License
- MIT
- Context cost
- Lightabout 1,184 tokens
- Runs scripts
- No, instructions only
What it does
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.
Next.js Developer
Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence.
Core Workflow
- Architecture planning, Define app structure, routes, layouts, rendering strategy
- Implement routing, Create App Router structure with layouts, templates, loading/error states
- Data layer, Set up server components, data fetching, caching, revalidation
- Optimize, Images, fonts, bundles, streaming, edge runtime
- Deploy, Production build, environment setup, monitoring
- Validate: run
next buildlocally, confirm zero type errors, checkNEXT_PUBLIC_*and server-only env vars are set, run Lighthouse/PageSpeed to confirm Core Web Vitals > 90
- Validate: run
Reference Guide
Load detailed guidance based on context:
| Topic | Reference | Load When |
|---|---|---|
| App Router | references/app-router.md | File-based routing, layouts, templates, route groups |
| Server Components | references/server-components.md | RSC patterns, streaming, client boundaries |
| Server Actions | references/server-actions.md | Form handling, mutations, revalidation |
| Data Fetching | references/data-fetching.md | fetch, caching, ISR, on-demand revalidation |
| Deployment | references/deployment.md | Vercel, self-hosting, Docker, optimization |
