SuperAPI AI 工具集

nextjs-stack

编程与开发

查看项目

更新于 10-26 16:21

技能介绍

nextjs-stack 是一个面向现代 Next.js 开发的全栈主参考技能,把框架、数据库、认证、UI、表单、状态管理、样式与国际化等多层技术文档汇集到一处,帮助开发者理解各部分如何协同工作。

用途 适用于从零开始搭建 Next.js 16 项目、需要完整推荐技术栈、构建带认证的生产应用、实现表单、状态管理与 UI 组件,以及理解各技术层之间如何衔接的场景。

主要能力 文档给出的技术栈分层为:框架 Next.js 16(App Router,稳定版 16.3);数据库 ORM Prisma 7(稳定版 7.10,8.0 仅为 RC);认证 Better Auth 1.7;UI 组件 shadcn/ui CLI 4.21.0;表单 TanStack Form;状态 Zustand;样式 Tailwind CSS 4;国际化 next-intl 4.14。

技能明确列出禁止的替换模式:用 NextAuth.js 代替 Better Auth、用 Pages Router 代替 App Router、用 React Hook Form 代替 TanStack Form、默认使用客户端组件而非服务端优先。

参考文件按需加载:stack-decisions.md 用于论证技术选型(Better Auth 与 NextAuth、Prisma 与 Drizzle、TanStack Form 与 RHF、Zustand 与 Redux、shadcn/ui 与 MUI 的取舍);solid-architecture.md 用于建立或审查模块与文件夹结构;integration-points.md 用于连接栈中两部分(认证与数据库、表单与 UI、状态与 RSC、i18n 与路由);quick-reference.md 用于查询某个功能由哪个子技能文件覆盖;best-practices.md 用于交付前的最终审查;getting-started.md 用于新项目分步引导。

使用方式 文档规定了一套强制代理工作流:在任何实现之前并行启动三个代理,每个代理单独一次 Agent 调用并命名:fuse-ai-pilot:explore-codebase 分析项目结构与既有模式;fuse-ai-pilot:research-expert 核验所有栈技术的最新文档;mcp__context7__query-docs 检查集成兼容性。实现完成后运行 fuse-ai-pilot:sniper 进行验证。框架特定细节应直接查阅子技能:nextjs-16、prisma-7、better-auth、nextjs-shadcn、nextjs-tanstack-form、nextjs-zustand、nextjs-i18n、solid-nextjs。

适用场景与限制 适合以推荐技术栈为基础的新建全栈项目与生产应用;不适合查询核心框架 API 细节,如路由内部机制、缓存或 proxy.ts,这些内容位于 nextjs-16 子技能。定价、平台与效果等资料暂未提供。