SuperAPI AI 工具集

nextjs-code-reviewer

前端与建站

查看项目

更新于 10-16 00:06

技能介绍

用途:在质量审查环节审查 Next.js 15 App Router 代码时调用,提供框架专属的审查清单,帮助审查者按主题逐项核对。

主要能力:清单按主题组织,包括 App Router 结构与文件组织(根 layout.tsx、各路由 page.tsx、loading/error/not-found 位置、app/api/* 约定);服务端与客户端组件划分(默认 Server Component,'use client' 仅用于 hooks、事件处理、浏览器 API、Context,敏感数据不得进入客户端);数据获取(Server Component 用 async/await、错误处理、Promise.all 并行、缓存策略;Client Component 用 React Query 并处理加载与错误状态);路由(动态参数校验与类型、notFound()、generateStaticParams、Link 与 prefetch);加载状态(loading.tsx、Suspense 边界);错误处理(error.tsx 需 'use client'、reset、error.digest);API 路由(请求校验、状态码、NextResponse.json()、CORS、鉴权);安全(参数化查询、鉴权中间件、环境变量、CSRF、输入校验);Server Actions('use server'、revalidatePath/revalidateTag、可序列化返回值);元数据与 SEO(metadata/generateMetadata、OG、Twitter Card);图片(next/image、alt、宽高、priority、远程域名配置);性能与缓存(动态导入、force-cache、revalidate、no-store 的适用场景);渲染(SSG、ISR、按需再验证);TypeScript 类型安全;中间件(轻量逻辑、matcher 配置);国际化(locale 校验、getMessages、t());代码质量(服务端与客户端代码分离、命名与拆分)。

使用方式:作为审查时的核对清单逐项检查,资料未提供具体安装命令或调用参数。

适用场景:Next.js 15 App Router 项目的代码评审与质量把关。

限制:资料仅给出审查要点,未说明运行环境、依赖版本、自动化程度或收费方式,这些信息暂未提供。