SuperAPI AI 工具集

nextjs-fullstack-scaffold

前端与建站

查看项目

更新于 10-16 05:54

技能介绍

用途:当用户要求搭建、创建或初始化一个现代全栈 Next.js 应用时使用本技能,按系统化步骤生成生产级 Next.js 16 项目脚手架。

主要能力:先检查目标目录是否为空及是否覆盖已有文件,再用 AskUserQuestion 收集项目名、描述、作者(可跳过用默认值)。随后创建完整目录结构,生成根配置(package.json、tsconfig.json、next.config.ts、tailwind.config.ts、postcss.config.mjs、eslint.config.mjs、prettier.config.js、.gitignore、.env.example、vitest.config.ts、playwright.config.ts)。生成 App Router 文件:根布局与首页、globals.css、认证路由(登录)、受保护路由(仪表盘、个人资料、数据表)、示例 API 路由与 Supabase 认证中间件。生成 shadcn/ui 组件及自定义布局、认证、仪表盘组件。生成 lib 工具、Prisma 单例、Supabase 客户端/服务端/中间件、以 'use server' 开头的 Server Actions 及 Zod 校验模式。生成 Prisma schema(PostgreSQL、User 与 Item 模型、索引约束)与 seed 脚本。生成单元、集成、E2E 测试及 GitHub Actions CI 工作流,并撰写 README。最后验证文件、列出结构并给出后续步骤。

使用方式:按步骤执行,参考 references/stack-architecture.md 与 references/implementation-checklist.md,使用 Write 工具生成文件,模板取自 assets/templates/package.template.json 与 assets/folder-structure.txt。

适用场景:需要快速初始化带认证、数据库、测试与 CI 的 Next.js 全栈项目。

限制:要求全 TypeScript、默认 Server Components、仅在需要交互时加 'use client',输入用 Zod 校验、变更用 Server Actions、不向客户端暴露密钥,组件需可访问。具体安装命令、部署细节与价格资料暂未提供。