用途:该技能提供 Next.js 框架的专家知识,聚焦服务端渲染(SSR)、静态站点生成(SSG)、App Router 架构、React Server Components 以及生产级全栈应用开发,适合在编写、审查或重构 Next.js 项目时获取实践指导。
主要能力:梳理 Next.js 基础概念,包括基于文件的路由、混合渲染(SSR/SSG/ISR/CSR)、API 路由、图片与字体优化、代码分割;讲解 App Router(Next.js 13+)的 Server Components、Client Components、Layouts、Loading 状态、错误边界与流式渲染;介绍多种渲染策略,如 SSG、SSR、ISR、CSR、流式 SSR 与部分预渲染;并覆盖数据获取方式,包括在 Server Components 中直接 fetch、Route Handlers、Server Actions、Suspense、缓存与重新验证。
使用方式:资料以指导性说明和最佳实践为主,强调默认使用 Server Components、仅在需要时标记 'use client'、将数据获取与组件同置、使用 Suspense 处理加载状态、实现错误边界、配置缓存与重新验证;性能方面建议使用 next/image、字体优化、代码分割与动态导入、监控 Core Web Vitals;同时给出 SEO 与类型安全建议,如生成 metadata、语义化 HTML、结构化数据、sitemap 与 robots.txt,以及使用 TypeScript 和 Zod 进行校验。
适用场景:构建或维护使用 App Router 的 Next.js 全栈 React 应用,需要决定渲染策略、组织数据获取与缓存、配置 API 路由与 Server Actions、优化性能与 SEO 时。
限制:该资料为技能说明文档,未提供收费、价格、平台或效果数据;具体代码示例与安装设置等详细材料位于该技能附带文档中,需按需查阅,正文未展开完整代码。