SuperAPI AI 工具集

next-patterns

前端与建站

查看项目

更新于 10-16 08:04

技能介绍

用途:该技能是 Next.js 的综合参考,用户在处理 Next.js 代码时自动加载,用于查阅最佳实践、缓存组件和升级相关内容。

主要能力:最佳实践文档涵盖文件约定与路由段、RSC 边界与异步模式、运行时选择与指令、错误处理与数据模式、路由处理器、元数据、图片与字体优化、打包、hydration 错误、Suspense 边界、并行与拦截路由、自托管与调试技巧;并细分为 file-conventions.md、rsc-boundaries.md、async-patterns.md、runtime-selection.md、directives.md、functions.md、error-handling.md、data-patterns.md、route-handlers.md、metadata.md、image.md、font.md、bundling.md、scripts.md、hydration-error.md、suspense-boundaries.md、parallel-routes.md、self-hosting.md、debug-tricks.md 等子参考。缓存组件部分(Next.js 16+)涵盖 PPR(部分预渲染)设置、use cache 指令(文件/组件/函数级)、cacheLife() 缓存配置(内置与自定义生命周期)、缓存失效(cacheTag()、updateTag()、revalidateTag())、运行时数据约束与 use cache: private、缓存键生成及版本迁移。升级部分涵盖版本检测与升级路径规划、运行 codemods(npx @next/codemod@latest)、依赖更新与破坏性变更、TypeScript 类型更新。

使用方式:在相关 Next.js 开发场景中自动调用,按需查阅上述参考文档。

适用场景:编写 Next.js 代码、配置 next.config、使用 App Router 等。

限制:具体命令与文档细节以技能内参考文件为准,本说明未提供其他限制信息。