| name | fullstack-dev |
| description | 全栈开发技能。当用户需要从零搭建完整项目、快速MVP验证、或同时涉及前后端时自动激活。
触发词:全栈、从零开始、MVP、快速原型、完整项目、Supabase、
Serverless、BaaS、部署、上线、Vercel、Cloudflare。
|
全栈开发技能
自动选型规则
| 项目特征 | 推荐方案 |
|---|
| 快速MVP验证 | Next.js + Supabase + Vercel + Clerk |
| SaaS产品 | Next.js + Stripe + Auth0 + PostgreSQL + Resend |
| 国内全栈 | Vue3/Nuxt + NestJS + MySQL + 阿里云 |
| 小程序+后端 | uni-app + NestJS + MySQL + Redis + 腾讯云 |
| 个人项目 | Next.js + Supabase + Vercel (全免费) |
| 企业级 | Next.js/Nuxt + Spring Boot + MySQL + Redis + 阿里云 |
快速启动模板
T3 Stack (推荐 - TypeScript全栈)
Next.js 14 (App Router + SSR/SSG)
TypeScript (端到端类型安全)
tRPC (类型安全API)
Prisma (ORM)
Tailwind CSS (样式)
NextAuth/Auth.js (认证)
BaaS 快速方案 (最快出活)
Supabase (数据库 + Auth + Storage + Realtime)
Vercel (前端部署 + Serverless)
Clerk/Auth0 (认证,或用Supabase Auth)
Stripe/LemonSqueezy (支付)
Resend (邮件)
国内全栈方案
前端:Vue3 + Vite + Pinia + Vant/Element Plus
后端:NestJS + Prisma + MySQL + Redis
认证:JWT + 微信登录
部署:阿里云 ECS + OSS + CDN
支付:微信支付 + 支付宝
短信:阿里云SMS / 腾讯云SMS
项目初始化清单
1. 项目脚手架
npx create-next-app@latest --typescript --tailwind --app
npm create vite@latest my-app -- --template vue-ts
npx @nestjs/cli new api
npx create-turbo@latest my-app
2. 必装依赖
npm i @tanstack/react-query zustand zod axios
npm i @prisma/client zod bcrypt jsonwebtoken
npm i -D prisma @types/bcrypt @types/jsonwebtoken
3. 环境变量模板 (.env)
# 数据库
DATABASE_URL="postgresql://user:pass@localhost:5432/db"
# 认证
JWT_SECRET="your-secret-key"
JWT_EXPIRES_IN="7d"
# 第三方
SUPABASE_URL="https://xxx.supabase.co"
SUPABASE_ANON_KEY="xxx"
# 微信
WX_APPID="xxx"
WX_SECRET="xxx"
# 部署
VERCEL_TOKEN="xxx"
部署方案
| 场景 | 前端 | 后端 | 数据库 | 费用 |
|---|
| 个人项目 | Vercel | Vercel Serverless | Supabase | 免费 |
| 国内项目 | 阿里云OSS+CDN | 阿里云ECS | RDS MySQL | ~100元/月 |
| 海外SaaS | Vercel | Railway/Render | Supabase/Neon | ~$20/月 |
| 高并发 | Cloudflare | K8s集群 | RDS+Redis | 按量计费 |