Catalogskills.sh · hairyf

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.

Review advisedVerified hub855 installs

Savant verdict: Review advised

Security analysis or source-hub review identified patterns requiring attention.

Live evaluation

Not evaluated yet. Workspaces can request a live evaluation.

Security assessment

Scan pending.

Structure

  • 11 referenced files aren't in the packagereferences/core-routing.mdx, references/core-server-client-components.mdx, references/core-navigation.mdx, references/data-fetching-server.mdx, references/data-fetching-client.mdx, references/data-streaming.mdx, …. They may be binary, too large to catalog, or missing upstream.
  • No license declaredConfirm you may reuse this skill before importing it into your repository.
  • The source hub's security checks flagged this skillRunlayer: warn (6/13 files flagged)

SKILL.md

---
name: next
description: 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.
metadata:
  author: Hairyf
  version: "2026.1.30"
  source: Generated from https://github.com/vercel/next.js, scripts located at https://github.com/antfu/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](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) |