SuperAPI AI 工具集

nextjs-project-starter

前端与建站

查看项目

更新于 10-16 03:37

技能介绍

用途:在用户提出“创建一个 Next.js 项目”时,按分阶段工作流生成带可配置技术栈的新项目,并始终使用经 npm 与官方文档验证的最新稳定版本。

主要能力与流程:先确认项目名称(kebab-case)、一行描述和目标域名;通过 node --version 确认 Node 版本并生成 .nvmrc 与 package.json 的 engines 字段;再让用户勾选核心功能,包括 Mantine UI + Tabler Icons、Supabase(认证与数据库)、Zustand、Zod、SWR、TanStack Query、Vercel Analytics + Speed Insights、Vitest + Testing Library 测试环境。随后对每个选中依赖用 npm view 查询版本并通过搜索核对官方文档、迁移指南和已知问题,逐项确认后再安装,不做批量未验证安装。

创建与生成:使用 npx create-next-app@latest {project-name} --typescript --eslint --no-tailwind --app --src-dir --import-alias "@/*" 创建项目,安装经确认的依赖,生成文件夹结构、PostCSS 与 Mantine Provider 配置、Supabase 客户端/服务端/中间件配置及 .env.example;询问是否创建 GitHub 私有仓库(gh repo create)、关联 Vercel(vercel link)、配置 Supabase 项目,并可生成包含技术栈版本、命令、结构与关键模式的 CLAUDE.md;最后输出项目位置、Node 版本、已装包版本、集成链接与后续步骤。

限制:每一步都先询问再执行,不假设;出现破坏性变更会警告;安装失败可检查 Node 版本或使用 --legacy-peer-deps,gh 创建失败需检查 gh auth status,vercel link 失败需先 vercel login,Supabase 失败则引导手动设置;错误时询问用户如何处理。具体定价、平台支持范围与效果资料未提供。