nextjs-app-router
Installation
SKILL.md
Next.js App Router Core
Full Reference: See advanced.md for WebSocket integration, Socket.IO, Server-Sent Events, TanStack Query real-time sync, and Vercel/Pusher patterns.
Deep Knowledge: Use
mcp__documentation__fetch_docswith technology:nextjsfor comprehensive documentation.
File Conventions
| File | Purpose |
|---|---|
page.tsx |
Route UI (required for route) |
layout.tsx |
Shared layout, preserves state |
loading.tsx |
Loading UI (Suspense) |
error.tsx |
Error boundary |
not-found.tsx |
404 page |
route.ts |
API endpoint |