SuperAPI AI 工具集

nextjs15-init

前端与建站

查看项目

更新于 10-15 17:24

技能介绍

用途:以对话方式生成基于领域的 Next.js 15 完整 CRUD 应用,适用于快速搭建 Todo、Blog、Dashboard、E-commerce 或自定义实体的项目骨架。

主要能力:先询问文件夹名、项目名、领域与栈预设。预设包括 Minimal、Essential(ShadCN/ui、Zustand、React Hook Form + Zod、Lucide Icons)、Full Stack(额外含 Tanstack Query、Drizzle ORM、Better Auth、Framer Motion)与 Custom。根据选择生成 App Router 目录结构,如 app/[domain]/、components/[domain]/、lib/stores/[domain].ts、lib/api/[domain].ts、lib/validations/[domain].ts,并生成对应 API Routes、页面、组件、Zustand store 与 Zod schema。

必要用法:项目创建命令为 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;质量校验必须执行 npm run lint 与 npm run build(或 pnpm build),要求 lint 0 errors 且构建成功;开发运行 npm run dev。若文件夹名与项目名不同,需修改 package.json 的 name 字段。

适用场景:需要快速获得类型安全、App Router 约定、领域化 CRUD 与组件复用的 Next.js 15 前端项目,平台为 Web,偏 Vercel 优化。

限制:资料未提供具体版本兼容范围、收费方式、价格或外部依赖的可用性说明;Custom 领域仅支持 string、number、boolean、Date 字段类型,createdAt、updatedAt 自动添加;lint 与 build 未通过时不得进入后续步骤。部分文档中同时出现 Prisma 与 Drizzle ORM 的目录示例,实际实现以所选预设为准。