hairyf/skills
valtio
valtio
25 672
View 
Next
next
Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.
SKILL.md
Full skill instructions
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 |
More skills from hairyf
hairyf/skills
valtio-define
valtio define
25 649
View hairyf/skills
hairy-react-lib
hairy react lib
25 646
View hairyf/skills
overlastic
overlastic
25 587
View hairyf/skills
openapi-specification-v3.2
openapi specification v3.2
25 558
View hairyf/skills
vitest
vitest
25 519
View hairyf/skills
unjs
unjs
25 472
View hairyf/skills
openapi-specification-v2
openapi specification v2
25 467
View hairyf/skills
hairy
hairy
25 400
View hairyf/skills
undocs
undocs
25 389
View hairyf/skills
writing-humanizer-zh
writing humanizer zh
25 385
View hairyf/skills
tsdown
tsdown
25 376
View Popular AI tools
Video
Kaiber
Generate, edit, and beat-sync AI video with leading models in one workspace.
Paid
View Productivity
Vimcal
The world's fastest calendar for remote work
Free
View Images
IMGCreator.ai
Transform Your Design with AI Designer by ImgCreator.ai
Freemium
View Content & writing
Akool AI
Revolutionizing Video Production with AI-Powered Creativity
Paid
View Images
Clipdrop Uncrop
Extend an image past the frame and let AI fill the new aspect ratio.
Freemium
View Security
StarByFace
Discover your celebrity doppelgänger with StarByFace!
Free
View C
Finance
ChainClarity
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Freemium
View Coding & apps
Opus Clip
Opus.ai: Revolutionize Your Web Experience
Free
View