SuperAPI AI 工具集

nextjs

前端与建站

查看项目

更新于 10-15 20:33

技能介绍

用途:在编写或审查 Next.js 代码时应用最佳实践,适合构建、调试和架构 Next.js 应用,重点覆盖 App Router 的路由、Server Components、Server Actions 与缓存等主题。

主要能力(按资料主题):文件约定(项目结构、特殊文件、路由段、并行与拦截路由、v16 中 middleware 改名为 proxy);RSC 边界检测(异步客户端组件、不可序列化 props、Server Action 异常);Next.js 15+ 异步 API(异步 params/searchParams、异步 cookies() 与 headers()、迁移 codemod);运行时选择(默认 Node.js,何时用 Edge);指令('use client'、'use server'、'use cache');函数(useRouter、usePathname、useSearchParams、useParams,cookies、headers、draftMode、after,generateStaticParams、generateMetadata);错误处理(error.tsx、global-error.tsx、not-found.tsx,redirect、permanentRedirect、notFound,forbidden、unauthorized,unstable_rethrow);数据模式(Server Components vs Server Actions vs Route Handlers,避免瀑布,Promise.all、Suspense、preload,客户端取数);Route Handlers(route.ts、GET 与 page.tsx 冲突、环境行为、与 Server Actions 的取舍);元数据与 OG 图片;next/image 优化;next/font;打包;next/script;水合错误排查;Suspense 边界;并行与拦截路由;自托管;调试技巧。

用法:作为代理技能,在编写或审查 Next.js 代码时按各主题规则参考对应文档文件(如 rsc-boundaries.md、async-patterns.md 等)执行。

限制:资料未提供安装命令、配置方式、平台与收费信息,均暂未提供;具体代码示例需参考各主题文件,不在本简介中展开。