Ls Next Js App Router

---
name: ls-next-js-app-router
description: Guide Next.js App Router work. Use for app directory routing, layouts,
  route handlers, server actions, caching, metadata, and migration from Pages Router.
metadata:
  version: '1.0'
---

# Next.Js App Router

Use this skill when working on Next.js App Router tasks.

## Workflow

- Inspect Next.js version, router usage, rendering modes, cache strategy, middleware/proxy, and deployment target.
- Keep server-only code out of client components and validate boundaries with typecheck/build.
- Coordinate with `ls-nodejs-nextjs-development` for current version checks and broader Node/React guidance.

## Boundaries

- Inspect the target repository before making changes.
- Prefer existing project patterns, declared package managers, and documented validation commands.
- Do not expose secrets, credentials, private user data, or production account identifiers in source, examples, or logs.
- When external APIs or current vendor behavior matter, verify against official docs before implementation.

## Provenance

- Source classification: `official-docs-reference`
- This is a LocalSetup-native skill written from project workflow requirements and public/official documentation routing.