SuperAPI AI 工具集

nextjs-app-router

前端与建站

查看项目

更新于 10-16 09:51

技能介绍

用途:为生产级 Next.js App Router 项目提供可复用的工程判断、领域约束与成熟工作流,适用于设计、编码、评审、迁移、审计或文档等交付物。任务需要结构化指导而非零散建议时使用;与 App Router 无关或只需简单回答时不宜使用。

主要能力:服务端/客户端组件边界(默认服务端,'use client' 尽量下移);路由与文件约定(layout、page、loading、error、not-found、路由组、动态与 catch-all、并行路由 @slot);数据获取与 ISR 缓存策略、Promise.all 并行获取与 React cache() 去重;Route Handlers 与 Server Actions 的取舍;middleware.ts 做鉴权重定向、IP 拦截、地理路由与自定义响应头;三层 RBAC(middleware / 服务端组件 / API 路由);Redis 缓存旁路模式与失效;BullMQ 后台任务;NextAuth v5 鉴权;Prisma 单例与数据库选型;GitHub Actions CI/CD;Vercel 及 Docker standalone 部署;next/image、next/link。

使用方式:先读 SKILL.md,再按需加载其引用的深挖文件,避免默认全量加载。收集项目上下文与具体问题,确认交付物类型,逐条应用其中的清单与决策规则,输出需显式标注假设、风险与后续工作。项目初始化命令:npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir。

限制:资料未提供具体版本兼容范围、性能基准、收费与价格信息;示例为说明性片段,不应直接复制,需核对适配性与失败模式;示例中的 URL、密钥变量须替换为项目实际配置。产出物包括路由与中间件测试计划、RBAC 三层配置说明等文档。