next by hairyf/skills

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

Topic	Description	Reference
Dynamic Routes	Dynamic segments, catch-all routes, and route parameters	file-conventions-dynamic-routes
Loading and Error	Handling loading states and errors with loading.tsx and error.tsx	file-conventions-loading-error

API Reference

Topic	Description	Reference
Built-in Components	Link, Image, Script, and Font components	api-components