Next.js App Router Conventions

概要

This skill provides specialized guidance for the Next.js App Router (version 14 and 15+), ensuring developers follow strict file-based routing conventions. It assists in creating and understanding essential files like layouts, pages, loading states, and error boundaries, while also managing dynamic route segments and API handlers. By automating the boilerplate for server and client components, it helps maintain a clean, scalable architecture within the Next.js ecosystem.

主な機能

• API Route handler generation for standardized GET, POST, and other HTTP methods
• Scaffolding for required and optional App Router files (page, layout, loading, error)
• Nested layout management for persistent UI components
• Automated 'use client' directive placement for error boundaries
• Implementation of dynamic, catch-all, and optional catch-all route segments
• 0 GitHub stars

ユースケース

• Structuring complex multi-level nested layouts with shared UI components
• Implementing streaming UI with loading.tsx and robust error handling with error.tsx
• Building type-safe API endpoints using the Next.js Route Handler convention