Next.js is a React framework for building full-stack web applications. It provides file-system based routing, Server Components, automatic code splitting, image optimization, and built-in performance optimizations. Next.js supports both static site generation (SSG) and server-side rendering (SSR), making it ideal for building modern web applications.
The skill is based on Next.js v16.2.0-canary.16, generated at 2026-01-30.
Core References
| Topic |
Description |
Reference |
| File-System Routing |
Routes defined by folder structure, layouts, and pages |
core-routing |
| Server and Client Components |
Understanding when to use Server vs Client Components |
core-server-client-components |
| Navigation |
Linking, prefetching, and client-side transitions |
core-navigation |
Data Fetching
| Topic |
Description |
Reference |
| Server Components |
Fetching data in Server Components with fetch, ORMs, and databases |
data-fetching-server |
| Client Components |
Fetching data in Client Components with use hook and third-party libraries |
data-fetching-client |
| Streaming |
Streaming data and components with Suspense and loading.tsx |
data-streaming |
Caching and Revalidation
| Topic |
Description |
Reference |
| Caching Strategies |
Caching fetch requests, cache tagging, and revalidation |
caching-revalidation |
Server Actions
| Topic |
Description |
Reference |
| Server Functions |
Creating and using Server Actions for data mutations |
server-actions |
File Conventions
API Reference
| Topic |
Description |
Reference |
| Built-in Components |
Link, Image, Script, and Font components |
api-components |