nextjs-developer

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.

by Jeffallan 11k GitHub stars MIT Updated Aug 7, 2026
nextjs-developer skill by Jeffallan
Social preview for Jeffallan/claude-skills

Overview

nextjs-developer is an open-source frontend skill for Claude Code and compatible agents, published by Jeffallan. Its author describes it as: “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…”. The project has 11k stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add Jeffallan/claude-skills`.

What nextjs-developer does

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.

Best for

What’s inside

The SKILL.md for nextjs-developer is organised into these sections:

  • Core Workflow
  • Reference Guide
  • Constraints
  • MUST DO (Next.js-specific)
  • MUST NOT DO
  • Code Examples
  • Server Component with data fetching and caching
  • Server Action with form handling and revalidation
  • generateMetadata for dynamic SEO
  • Output Templates
  • Knowledge Reference

Installation

Add nextjs-developer to your agent with:

/plugin marketplace add Jeffallan/claude-skills

Review a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.

Supported agents

  • Claude Code — ships a claude code plugin marketplace

License

nextjs-developer is published under the MIT license.

Strengths

  • Clear MIT license — safe to read and adapt within its terms
  • Ships in Jeffallan/claude-skills, an established project with 11,060 GitHub stars
  • Works with Claude Code
  • Actively maintained — repository updated in the last 90 days

Author

Jeffallan 41 skills in the catalog · GitHub profile ↗
View skills

Topics

Need a skill like this, tailored to your team?Build a custom skill →

Frequently asked questions

What does nextjs-developer do?
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 do I install nextjs-developer?
Run /plugin marketplace add Jeffallan/claude-skills in your agent, then reload your skills. Review the source at https://github.com/Jeffallan/claude-skills before installing.
Is nextjs-developer free to use?
Yes. nextjs-developer is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
Which agents does nextjs-developer work with?
nextjs-developer lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
Where does nextjs-developer come from?
nextjs-developer ships inside Jeffallan/claude-skills, a repository that contains 41 catalogued skills in total. The repository's 11,060 GitHub stars apply to that whole collection, not to this skill on its own.

Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for parsing flags and subcommands, displaying progress bars and spinners, generating bash/zsh/fish completion scripts, CLI design, shell completions, and cross-platform terminal applications using commander, click, typer, or cobra.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Conducts structured requirements workshops to produce feature specifications, user stories, EARS-format functional requirements, acceptance criteria, and implementation checklists. Use when defining new features, gathering requirements, or writing specifications. Invoke for feature definition, requirements gathering, user stories, EARS format specs, PRDs, acceptance criteria, or requirement matrices.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc state management, GoRouter navigation, platform-specific implementations, performance optimization.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building game systems, implementing Unity/Unreal Engine features, or optimizing game performance. Invoke to implement ECS architecture, configure physics systems and colliders, set up multiplayer networking with lag compensation, optimize frame rates to 60+ FPS targets, develop shaders, or apply game design patterns such as object pooling and state machines. Trigger keywords: Unity, Unreal Engine, game development, ECS architecture, game physics, multiplayer networking, game optimization, shader programming, game AI.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free