next
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseNext.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.
Next.js 是一个用于构建全栈Web应用的React框架。它提供基于文件系统的路由、Server Components、自动代码分割、图片优化以及内置的性能优化功能。Next.js 同时支持静态站点生成（SSG）和服务端渲染（SSR），非常适合构建现代Web应用。
本技能基于Next.js v16.2.0-canary.16版本生成，生成时间为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 |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| File-System Routing | 通过文件夹结构、布局和页面定义路由 | core-routing |
| Server and Client Components | 了解何时使用Server Components vs Client Components | core-server-client-components |
| Navigation | 链接、预加载和客户端路由跳转 | 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 |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Server Components | 在Server Components中使用fetch、ORM和数据库获取数据 | data-fetching-server |
| Client Components | 在Client Components中使用use钩子和第三方库获取数据 | data-fetching-client |
| Streaming | 使用Suspense和loading.tsx实现数据和组件流式传输 | data-streaming |
Caching and Revalidation
缓存与重新验证
| Topic | Description | Reference |
|---|---|---|
| Caching Strategies | Caching fetch requests, cache tagging, and revalidation | caching-revalidation |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Caching Strategies | 缓存fetch请求、缓存标记和重新验证 | caching-revalidation |
Server Actions
Server Actions
| Topic | Description | Reference |
|---|---|---|
| Server Functions | Creating and using Server Actions for data mutations | server-actions |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Server Functions | 创建并使用Server Actions进行数据变更 | 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 |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Dynamic Routes | 动态路由段、兜底路由和路由参数 | file-conventions-dynamic-routes |
| Loading and Error | 使用loading.tsx和error.tsx处理加载状态和错误 | file-conventions-loading-error |
API Reference
API参考
| Topic | Description | Reference |
|---|---|---|
| Built-in Components | Link, Image, Script, and Font components | api-components |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Built-in Components | Link、Image、Script和Font组件 | api-components |