app-router

Next.js App Router structures pages and layouts under the src/app directory, using special files like layout.tsx and page.tsx to define route components. This Skill consolidates these conventions to streamline your routing workflow.

Loading states and error boundaries in the App Router use special files like loading.tsx and error.tsx to handle UI feedback during rendering. This Skill demonstrates how to implement these files for robust route management.

Server components are the default in the Next.js App Router, while client components are used when interactivity is needed. This Skill scopes server components as default and client components when needed for specific UI logic.

Dynamic routes and route groups are created under src/app by organizing folders and files according to App Router conventions. This Skill provides practical examples for basic pages, dynamic routes, and route-group patterns.

Yes, the Next.js App Router supports API routes under the src/app directory. This Skill covers regular pages, dynamic routes, route groups, and API routes, centralizing App Router patterns for real-world projects.