---
name: nextjs-web
description: "Complete Next.js web development plugin orchestrating React, App Router, Server Components, TypeScript, Tailwind CSS, Supabase Auth, Turbopack, and UI/UX skills."
risk: safe
source: "orchestrator"
date_added: "2026-04-05"
---

# Next.js Web Development Hub

This is the main orchestrator skill that coordinates all Next.js, React, and UI development skills.

## Available Skills

| Skill | Description |
|-------|-------------|
| `nextjs-web` | Main orchestrator (this skill) |
| `nextjs-supabase-auth` | Supabase Auth integration |
| `nextjs-turbopack` | Turbopack optimization |
| `react-nextjs-development` | Full React/Next.js workflow |
| `ui-ux-pro-max` | UI/UX design and implementation |

## Usage

Invoke sub-skills directly when needed:

```
Use @nextjs-supabase-auth when setting up authentication
Use @nextjs-turbopack when optimizing dev speed
Use @react-nextjs-development for general React/Next.js work
Use @ui-ux-pro-max for UI/UX implementation
```

## Complete Workflow

For full Next.js project development:

1. **Setup**: `@react-nextjs-development` + `@nextjs-turbopack`
2. **Auth**: `@nextjs-supabase-auth`
3. **UI/UX**: `@ui-ux-pro-max`
4. **Development**: `@react-nextjs-development`

## Tech Stack

| Category | Technology |
|----------|------------|
| Framework | Next.js 14+, React 18+ |
| Language | TypeScript 5+ |
| Bundler | Turbopack (default dev) |
| Styling | Tailwind CSS v4 |
| Auth | Supabase Auth (@supabase/ssr) |
| UI | shadcn/ui, Radix |
| Deployment | Vercel |