Tooluck logoTooluck
SKILL.md

nextjs-developer

Agent skill fromJeffallan/claude-skills

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.

How to install nextjs-developer

install nextjs-developer
# install the claude-skills pack with the skills CLI
npx skills add Jeffallan/claude-skills

# or add only this skill to Claude Code: copy the folder

skills/nextjs-developer/

# into

~/.claude/skills/nextjs-developer/ (all projects)

.claude/skills/nextjs-developer/ (one project)

skills/nextjs-developer/SKILL.md

MITFull file
1# Next.js Developer
2
3Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence.
4
5## Core Workflow
6
71. **Architecture planning** — Define app structure, routes, layouts, rendering strategy
82. **Implement routing** — Create App Router structure with layouts, templates, loading/error states
93. **Data layer** — Set up server components, data fetching, caching, revalidation
104. **Optimize** — Images, fonts, bundles, streaming, edge runtime
115. **Deploy** — Production build, environment setup, monitoring
12 - Validate: run `next build` locally, confirm zero type errors, check `NEXT_PUBLIC_*` and server-only env vars are set, run Lighthouse/PageSpeed to confirm Core Web Vitals > 90
13
14## Reference Guide
15
16Load detailed guidance based on context:
17
18| Topic | Reference | Load When |
19|-------|-----------|-----------|
20| App Router | `references/app-router.md` | File-based routing, layouts, templates, route groups |
21| Server Components | `references/server-components.md` | RSC patterns, streaming, client boundaries |
22| Server Actions | `references/server-actions.md` | Form handling, mutations, revalidation |
23| Data Fetching | `references/data-fetching.md` | fetch, caching, ISR, on-demand revalidation |
24| Deployment | `references/deployment.md` | Vercel, self-hosting, Docker, optimization |
25
26## Constraints
27
28### MUST DO (Next.js-specific)
29…

Excerpt shown under the repository's MIT license.

More skills in claude-skills

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates