---
description: Next.js development — React with SSR, SSG, and App Router. Used for SEO-friendly React apps and full-stack React applications.
---

# /nextjs — Next.js Development

$ARGUMENTS

---


## 🤖 Agent Activation

> **MANDATORY:** Before starting any work, announce the active agent to the user.

```
🤖 **Active Agent: `nextjs-developer`** | Skills: `clean-code, nextjs-react-expert, frontend-design, api-patterns +1 more`
```

## Task

Build Next.js applications with App Router, Server Components, and optimal rendering.

### Steps:

1. **Project Setup**
   - App Router structure
   - Layout hierarchy
   - Route groups

2. **Rendering Strategy**
   - Server Components (default)
   - Client Components ('use client')
   - Data fetching patterns

3. **Data Fetching**
   - async Server Components
   - fetch with caching
   - Suspense boundaries
   - Parallel fetching

4. **Optimization**
   - Image optimization
   - Font optimization
   - Code splitting
   - ISR/SSG/SSR decisions

---

## Usage Examples

```
/nextjs create full-stack app with App Router
/nextjs implement Server Components
/nextjs setup ISR with revalidation
/nextjs optimize images and fonts
/nextjs create API route handlers
```