Files
APAW/.kilo/commands/nextjs.md
¨NW¨ 7445e66676 feat: add Next.js, Vue/Nuxt, React, Python (Django/FastAPI) skills and agents
- python-developer agent: Django/FastAPI backend specialist
- nextjs-patterns skill: App Router, Server Components, Server Actions, Auth.js
- vue-nuxt-patterns skill: Composition API, Pinia, Nitro server, SSR
- react-patterns skill: hooks, Context, TanStack Query, React Hook Form
- python-django-patterns skill: DRF, services, repositories
- python-fastapi-patterns skill: async, Pydantic, SQLAlchemy, dependencies
- /nextjs pipeline command for full-stack Next.js apps
- /vue pipeline command for full-stack Vue/Nuxt apps
- Updated frontend-developer with framework-specific skills
- Updated orchestrator, capability-index for Python + frontend routing
- Updated README, STRUCTURE, EVOLUTION_LOG with all new stacks

Total agents: 30. Stacks: PHP, Next.js, Vue/Nuxt, React, Python, Go, Flutter, Node.js
2026-04-19 10:04:51 +01:00

3.4 KiB

description, mode, model, variant, color, permission
description mode model variant color permission
Full-stack Next.js web application pipeline with App Router, SSR, and authentication nextjs ollama-cloud/qwen3-coder:480b thinking #0EA5E9
read edit write bash glob grep task
allow allow allow allow allow allow
* frontend-developer backend-developer system-analyst lead-developer sdet-engineer code-skeptic the-fixer devops-engineer release-manager security-auditor orchestrator
deny allow allow allow allow allow allow allow allow allow allow allow

Next.js Web Application Pipeline

Create a full-stack Next.js 14+ application with App Router, Server Components, API routes, Auth.js, and Docker deployment. Follows atomic task decomposition.

Parameters

  • project_name: Application name (required)
  • auth: Auth provider - 'authjs', 'clerk', 'supabase' (default: 'authjs')
  • database: Database - 'prisma', 'drizzle' (default: 'prisma')
  • ui: UI library - 'tailwind', 'shadcn', 'mui' (default: 'shadcn')
  • docker: Create Docker deployment (default: true)
  • issue: Gitea issue number for tracking (required)

Overview

Requirements → Architecture → Setup → Pages → API → Auth → Frontend → Tests → Docker

Atomic Task Decomposition

Step 1: Requirements (1 task)

Agent: @requirement-refiner — Create issue in TARGET PROJECT

Step 2: Architecture (1 task)

Agent: @system-analyst — Design routes, API, database schema

Step 3: Project Setup (1 task)

Agent: @frontend-developer

npx create-next-app@latest {project_name} --typescript --tailwind --eslint --app --src-dir
cd {project_name}
npx shadcn@latest init

Step 4: Database + Models (1 task per model)

Agent: @backend-developer or @frontend-developer

  • Prisma schema or Drizzle definitions
  • Run npx prisma migrate dev

Step 5: API Routes (1 task per resource)

Agent: @backend-developer (ONE invocation per resource)

  • GET, POST, PUT, DELETE handlers
  • Zod validation schemas

Step 6: Authentication (1 task)

Agent: @frontend-developer

  • Auth.js / Clerk / Supabase setup
  • Login/Register pages
  • Middleware for protected routes

Step 7: UI Pages (1 task per page/layout)

Agent: @frontend-developer (ONE invocation per page)

  • Server Components by default
  • 'use client' only for interactivity
  • Shadcn UI components

Step 8: Server Actions (1 task per form)

Agent: @frontend-developer

  • Form validation with Zod
  • revalidatePath after mutations

Step 9: Tests (1 task per test suite)

Agent: @sdet-engineer — Vitest + Playwright

Step 10: Review → Security → Docker → Release

Task Sizing

Task Agent Max Tokens
Setup project frontend-developer 5,000
Database schema backend-developer 5,000
API route (CRUD) backend-developer 5,000
Auth setup frontend-developer 8,000
Page + components frontend-developer 8,000
Server actions frontend-developer 5,000
Tests sdet-engineer 8,000
Docker devops-engineer 5,000

Quality Gates

Gate Criteria
Setup npm run build succeeds
API All endpoints return correct responses
Auth Login/register/logout work
Pages Lighthouse ≥ 90
Tests Coverage ≥ 80%
Docker Containers build and run