SuperAPI AI 工具集

nextjs15-init

编程与开发

查看项目

更新于 10-15 17:24

技能介绍

该技能用于以交互方式创建一个基于领域(domain)的 Next.js 15 项目,并自动完成现代化技术栈配置。使用时先回答几个问题:选择领域(Todo/Blog/Dashboard/E-commerce/Custom)、填写文件夹名与项目名、选择技术栈预设(Minimal/Essential/Full Stack/Custom);若选 Custom,还需进一步指定实体名、字段类型(string、number、boolean、Date,createdAt/updatedAt 自动添加)以及各项可选功能。\n\n主要能力:创建 Next.js 15 项目(App Router、TypeScript、Tailwind);按所选领域自动生成页面、组件、Zustand store、API 逻辑与 Zod 校验的目录结构;按预设安装依赖;生成领域对应的 CRUD API 路由、页面与组件(如 Todo 的 TodoList/TodoItem/TodoForm,Blog 的 PostList/PostCard/PostEditor 等);在 Essential 及以上预设中初始化 ShadCN 并添加常用组件。\n\n必要用法:通过 npx create-next-app@latest [文件夹名] --typescript --tailwind --app --use-npm 创建项目,npm install 安装依赖,npx shadcn@latest init 与 npx shadcn@latest add button card input form table 配置 UI,最后运行 npm run lint 与 npm run build 验证,并用 npm run dev 启动。该技能要求 lint 为 0 errors 且构建成功,否则反复修复后再继续。\n\n适用场景:需要快速搭建带完整 CRUD、类型安全与 App Router 结构的 Next.js 15 Web 应用,并偏向 Vercel 部署。\n\n限制:资料未提供收费、价格或具体平台兼容性信息;字段类型仅支持 string、number、boolean、Date;部分预设默认不包含 Tanstack Query、Prisma、NextAuth 等;认证、数据库、动画等为可选且取决于所选预设。