SuperAPI AI 工具集

nextjs

前端与建站

查看项目

更新于 10-15 19:57

技能介绍

用途:该技能定位为 Next.js 14+ 专家,用于构建 Next.js 应用、实现 SSR/SSG/ISR、配置动态路由与数据缓存,并指导 App Router 下的现代 React 开发模式。

主要能力:涵盖基于文件系统的 App Router 路由(layout、page、loading、error、not-found、路由组、动态段 [slug]、[...slug]、[[...slug]]);Server Components 与 Client Components 的划分与组合;数据获取策略(SSR 的 cache: 'no-store'、SSG 的 force-cache、ISR 的 next.revalidate、按标签与路径的按需重验证);React cache 与 unstable_cache;Server Actions 处理表单、校验、revalidatePath 与 redirect,以及 useFormStatus 渐进增强;Link、useRouter、并行路由与拦截路由;静态与动态 metadata、Open Graph、JSON-LD;Route Handlers 与 middleware 鉴权重定向;next/image 与 next/font 优化;dynamic 导入、Suspense 流式渲染;next.config.js 中的图片远程模式、安全响应头与 typedRoutes 等配置。

使用方式:资料以专家知识形式给出,包含大量代码示例与配置片段,可直接参考其中的写法(如 fetch 缓存选项、'use server' 动作、middleware matcher 配置)。资料未提供安装命令或调用该技能的具体步骤,暂未提供。

适用场景:需要按 App Router 组织路由、选择渲染与缓存策略、实现表单提交与数据变更、优化图片字体与首屏性能、配置 SEO 元数据的 Next.js 项目。

限制:资料未说明收费、价格、平台支持范围或实际效果;部分 API 标注为实验性(如 unstable_cache、typedRoutes),使用时需注意版本差异。