Nextjs Developer
A solid Next.js 14+ specialist that enforces App Router patterns and keeps you from backsliding into Pages Router habits. It's opinionated in the right ways: server components by default, explicit cache controls on fetch, generateMetadata for SEO instead of manual meta tags, and mandatory loading/error boundaries on async routes. The workflow pushes you through architecture, routing, data layer, optimization, then deployment with a pre-flight checklist. Includes practical examples for server actions with form handling and ISR patterns. If you're building modern Next.js apps and want guardrails against common mistakes like over-using 'use client' or skipping streaming boundaries, this keeps you honest.
- skills.sh installs
- 6K
- GitHub stars
- 12.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jeffallan/claude-skills --skill nextjs-developer --agent claude-codeInstalls into .claude/skills of the current project.
Files
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:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
More from jeffallan/claude-skills
All 66- Code Documenter6K
- Monitoring Expert6K
- Fullstack Guardian5.9K
- Prompt Engineer5.9K
- React Expert5.8K
- Terraform Engineer5.7K
- Test Master5.7K
- Cpp Pro5.6K
- Playwright Expert5.6K
- Kotlin Specialist5.4K
- Secure Code Guardian5.4K
- Debugging Wizard5.4K
- Sre Engineer5.4K
- Shopify Expert5.3K
- Microservices Architect5.2K
- React Native Expert5.2K
- Cli Developer5.1K
- Angular Architect5.1K
- Csharp Developer5.1K
- Rails Expert5K
- Dotnet Core Expert5K
- Rag Architect4.9K
- Cloud Architect4.9K
- Vue Expert4.7K
Recommended
More Frontend Development
react-patternsaffaan-m/eccReact 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management 5.9Kskills.sh installsreact-testingaffaan-m/eccReact component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between c5.8Kskills.sh installsfrontend-a11yaffaan-m/eccAccessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. 5.8Kskills.sh installs
react-expertjeffallan/claude-skillsUse when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom h5.8Kskills.sh installs
reactlobehub/lobehubLobeHub React component conventions. Use when editing TSX UI, choosing base-ui vs @lobehub/ui vs antd, styling with antd-style, component boundaries, local stat5.7Kskills.sh installsangular-developeraffaan-m/eccGenerates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signal5.5Kskills.sh installs