SuperAPI AI 工具集

nextjs-16-specialist

前端与建站

查看项目

更新于 10-15 23:43

技能介绍

用途:在开发 Next.js 16 应用时提供系统性指导,技术栈为 React 19.2、TypeScript、Material-UI V7 与 Firebase。适用于新建项目、从 Next.js 15 迁移、实现 Firebase 认证、集成 MUI 与 App Router,以及排查 async/await、缓存、MUI 相关错误。

主要能力:涵盖项目初始化与依赖配置、Next.js 16 关键破坏性变更(params/searchParams 必须 await、middleware.ts 改为 proxy.ts、图片默认值变化、Route Segment Configs 迁移)、缓存组件(use cache、cacheTag、revalidateTag、updateTag、refresh)、Turbopack 与文件系统缓存、增强路由(Layout Deduplication、增量预取)、TypedRoutes 类型安全、Next.js DevTools MCP、React 19.2 的 View Transitions 与 useEffectEvent,以及认证、Error Boundaries、Zod 校验、文件上传、Vitest 测试与部署等进阶模式。

使用方式:按需查阅参考文件,如 setup-guide-detailed.md、breaking-changes-reference.md、common-errors-solutions.md、advanced-patterns.md 及 features 目录下的专题文档。迁移时可执行 npx @next/codemod@canary upgrade latest,并用 npx tsc --noEmit 检查类型。要求 Node.js 20.9.0+、TypeScript 5.1.0+。

限制:资料未提供该技能的安装命令、收费方式与具体平台支持范围,暂未提供。