SkillsAdd

hairyf/skills

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.

First seen Jan 29, 2026

Installation

$ npx skills add hairyf/skills --skill next
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Shared topics
vercel-labs/agent-skills 326.5K installs
supabase Shared topics
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
prisma-compute Shared topics
prisma/skills

Prisma Compute deployment and hosting guide. Use whenever the user mentions Prisma Compute, `pr…

253.4K installs
vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs

Also in this package

Other skills from hairyf/skills · top by installs.

npx skills add hairyf/skills
tailwindcss 3K motion 1.1K hairy-utils 1.1K react-use 807 valtio 743 valtio-define 714 openapi-specification-v3.2 713 hairy-react-lib 713 vitest 646 overlastic 639

Browse all from hairyf/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 25
License LICENSE.md
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.1.30
More metadata
author
Hairyf
version
2026.1.30
source
Generated from https://github.com/vercel/next.js, scripts located at https://github.com/antfu/skills

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,003 B
  • docs SUMMARY.md 252 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 809 installs

SKILL.md

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](references/core-routing.mdx)
Server and Client Components Understanding when to use Server vs Client Components [core-server-client-components](references/core-server-client-components.mdx)
Navigation Linking, prefetching, and client-side transitions [core-navigation](references/core-navigation.mdx)

Data Fetching

Topic Description Reference
Server Components Fetching data in Server Components with fetch, ORMs, and databases [data-fetching-server](references/data-fetching-server.mdx)
Client Components Fetching data in Client Components with use hook and third-party libraries [data-fetching-client](references/data-fetching-client.mdx)
Streaming Streaming data and components with Suspense and loading.tsx [data-streaming](references/data-streaming.mdx)

Caching and Revalidation

Topic Description Reference
Caching Strategies Caching fetch requests, cache tagging, and revalidation [caching-revalidation](references/caching-revalidation.mdx)

Server Actions

Topic Description Reference
Server Functions Creating and using Server Actions for data mutations [server-actions](references/server-actions.mdx)

File Conventions

Topic Description Reference
Dynamic Routes Dynamic segments, catch-all routes, and route parameters [file-conventions-dynamic-routes](references/file-conventions-dynamic-routes.mdx)
Loading and Error Handling loading states and errors with loading.tsx and error.tsx [file-conventions-loading-error](references/file-conventions-loading-error.mdx)

API Reference

Topic Description Reference
Built-in Components Link, Image, Script, and Font components [api-components](references/api-components.mdx)