# Next JS Guidance > Baseline guidance for App Router apps. Use when this capability is needed. - Skill: `tomevault-io/next-js-guidance` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/next-js-guidance` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/next-js-guidance/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/next-js-guidance --- ## Use When Use this for broad App Router orientation. ## Do - Put route pages under `src/app`. - Keep page components server-rendered unless interactivity requires client components. - Read the app package before assuming framework behavior. ## Do Not - Mix conventions between sibling apps just because both use Next.js. - Add client components for static merchandising or dashboard content. ## Example `apps/admin/src/app/settings/page.tsx` and `apps/storefront/src/app/promotions/page.tsx` are both App Router pages, but they target different Next majors. ## See Also Use app-local Next skills for version-specific guidance. --- > Source: [atheory-ai/skillex-demo](https://github.com/atheory-ai/skillex-demo) — distributed by [TomeVault](https://tomevault.io).