# nextjs-developer

> Use when building Next.js 14+ applications with App Router, server components, or server actions.

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.

- Type: Skill
- Made by: Jeffallan
- Category: Developer tools
- Formats: Skills
- Version: 1.1.0
- Source: https://github.com/jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer
- Page: https://pluginboard.ai/skills/nextjs-developer

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the nextjs-developer folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Claude

In Claude (web or desktop): Download the nextjs-developer folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Gemini

In Gemini: Download the nextjs-developer folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.copilot/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Cursor

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.cursor/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Claude Code

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.claude/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

Or all of Fullstack Dev Skills, in Claude Code:

```text
/plugin marketplace add Jeffallan/claude-skills
/plugin install fullstack-dev-skills@fullstack-dev-skills
```

### Codex

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.agents/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Antigravity

In Antigravity: Copy the nextjs-developer folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Gemini CLI

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.gemini/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Replit

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer .agents/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### OpenClaw

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.openclaw/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### OpenCode

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.config/opencode/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

### Hermes Agent

Run in your terminal:

```shell
npx -y degit Jeffallan/claude-skills/skills/nextjs-developer ~/.hermes/skills/nextjs-developer
```

View the folder on GitHub: https://github.com/Jeffallan/claude-skills/tree/HEAD/skills/nextjs-developer

---
From Pluginboard (https://pluginboard.ai).