npx skills add https://github.com/hairyf/skills --skill nextNext.js 是一个用于构建全栈 Web 应用的 React 框架。它提供基于文件系统的路由、服务器组件、自动代码分割、图片优化以及内置的性能优化功能。Next.js 同时支持静态站点生成（SSG）和服务器端渲染（SSR），是构建现代 Web 应用的理想选择。
此技能基于 Next.js v16.2.0-canary.16 版本，生成于 2026-01-30。
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 文件系统路由 | 通过文件夹结构、布局和页面定义路由 | core-routing |
| 服务器与客户端组件 | 理解何时使用服务器组件与客户端组件 | core-server-client-components |
| 导航 | 链接、预取和客户端过渡 | core-navigation |
| 主题 | 描述 | 参考链接 |
|---|
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
| 服务器组件 | 在服务器组件中使用 fetch、ORM 和数据库获取数据 | data-fetching-server |
| 客户端组件 | 在客户端组件中使用 use hook 和第三方库获取数据 | data-fetching-client |
| 流式传输 | 使用 Suspense 和 loading.tsx 流式传输数据和组件 | data-streaming |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 缓存策略 | 缓存 fetch 请求、缓存标记和重新验证 | caching-revalidation |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 服务器函数 | 创建和使用服务器操作进行数据变更 | server-actions |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 动态路由 | 动态段、全捕获路由和路由参数 | file-conventions-dynamic-routes |
| 加载与错误 | 使用 loading.tsx 和 error.tsx 处理加载状态和错误 | file-conventions-loading-error |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 内置组件 | Link、Image、Script 和 Font 组件 | api-components |
每周安装量
550
代码仓库
GitHub 星标数
6
首次出现
2026年1月29日
安全审计
安装于
cursor541
claude-code532
trae498
opencode70
gemini-cli67
codex66
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.
| 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 |
| 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 |
| Topic | Description | Reference |
|---|---|---|
| Caching Strategies | Caching fetch requests, cache tagging, and revalidation | caching-revalidation |
| Topic | Description | Reference |
|---|---|---|
| Server Functions | Creating and using Server Actions for data mutations | server-actions |
| 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 |
| Topic | Description | Reference |
|---|---|---|
| Built-in Components | Link, Image, Script, and Font components | api-components |
Weekly Installs
550
Repository
GitHub Stars
6
First Seen
Jan 29, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
cursor541
claude-code532
trae498
opencode70
gemini-cli67
codex66
React 组合模式指南：Vercel 组件架构最佳实践，提升代码可维护性
106,200 周安装
