Next.js v16 operator

Operate Next.js App Router layouts, pages, route segments, groups, dynamic parameters, loading, error, not-found, parallel routes, intercepting routes, and navigation. Use when adding or moving routes, fixing layouts or navigation, or implementing route-specific loading and errors.

Look up Next.js commands, project structure, rendering patterns, and focused operations across app router, server and client components, data and caching, mutations and route handlers, metadata and deployment. Use when the user wants a concise reference instead of a guided workflow.

Operate Next.js server data fetching, request memoization, use cache, cache tags and lifetimes, revalidation, streaming, Suspense, and dynamic request APIs. Use when adding data access, fixing stale or uncached results, choosing rendering behavior, or invalidating cached output.

Inspect the installed Next.js versions, package manager, renderer or router mode, source tree, build configuration, scripts, and target environments without changing anything. Use before Next.js work, when conventions are unknown, or when the user asks what is configured.

Connect Next.js to styling, data sources, tests, browser and server runtimes, build tools, CI, observability, and deployment while preserving component and execution boundaries. Use when Next.js crosses another subsystem or must behave consistently through production.

Operate Next.js metadata, icons, Open Graph images, robots and sitemaps, image and font assets, environment variables, production builds, previews, and deployment configuration. Use when adding SEO metadata, fixing assets, preparing production, or changing runtime and deployment behavior.

Build Next.js Server Functions, form actions, Route Handlers, request validation, authorization, cookies, redirects, revalidation, and error responses. Use when adding mutations or API endpoints, handling forms, setting cookies, or securing server actions and handlers.

Design Next.js Server and Client Component boundaries, serialization, data access, interactivity, providers, browser APIs, and composition. Use when placing use client, fixing hydration, moving data access, or reducing client JavaScript.

Install and configure Next.js from zero with project-local dependencies, explicit rendering and runtime boundaries, source structure, baseline checks, and one verified feature. Use when a project has no Next.js setup or the user explicitly asks to initialize it.

Diagnose Next.js failures involving versions, rendering, state, hydration, routing, caching, async behavior, build output, tests, integrations, and performance without masking the original error. Use when Next.js fails a check, behaves differently across environments, or renders unexpected output.