fuse-nextjs

Next.js 16 with App Router, Server Components, Server Actions, Cache Components. Use for React 19.2 apps, SSR, or encountering async params, proxy.ts migration, use cache errors.

Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns

Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>

Next.js App Router with AI SDK, Supabase, and shadcn/ui. Single orchestration command builds complete apps using specialized agents. Always uses latest dependency versions.

Comprehensive Next.js 15.5/16 expertise system covering App Router, Server Components, Server Actions, Cache Components ('use cache'), Turbopack, middleware/proxy.ts, View Transitions, Modal.com integration, and deployment. PROACTIVELY activate for: (1) ANY Next.js task, (2) App Router layouts/pages/loading/error, (3) Server Components and Client Components, (4) Server Actions with next-safe-action, (5) Cache Components with 'use cache' directive, (6) Route Handlers (API routes) with async params, (7) Middleware (Edge) and proxy.ts (Node.js), (8) Dynamic and parallel routes, (9) Authentication with NextAuth.js, (10) Turbopack development and production builds, (11) View Transitions API, (12) Deployment (Vercel, Docker, static export), (13) Modal.com backend integration for AI/GPU workloads, (14) Next.js + Modal webhooks and long-running jobs, (15) File upload processing with Modal. Provides: Next.js 16 complete features, Cache Components, async params migration, proxy.ts patterns, View Transitions, Turbopack config, App Router file conventions, Server/Client Component patterns, Server Actions with useActionState, caching (Data Cache, Full Route Cache, Router Cache), revalidatePath/revalidateTag, middleware patterns, advanced routing (parallel, intercepting), NextAuth.js authentication, deployment strategies, Modal.com integration patterns for AI inference and heavy compute.

React, Next.js, and TanStack Start development