What problem does it solve?
Next.js 16 App Router projects risk pattern drift when pages, layouts, and route segments evolve. This Skill provides a structured verification to ensure params/searchParams usage, server/client component boundaries, and dynamic import practices stay compliant.
Core Features & Use Cases
- Pattern verification: checks for correct usage of await params and await searchParams in dynamic routes.
- Component boundaries: validates server vs client component separation and correct use of 'use client' directives.
- Error & loading patterns: ensures error.tsx and loading.tsx exist where appropriate and are client components.
- Dynamic import patterns: enforces proper dynamic imports with ssr: false and optional loading components.
- Proxy convention checks: verifies proxy.ts usage over deprecated middleware.ts where applicable.
Quick Start
Review newly added or modified routes to confirm they follow Next.js 16 App Router conventions.