技术栈 = 团队配置
🎯 学完这课你能
- 理解前端/后端/数据库各自的角色
- 看懂你的项目用了什么技术栈
- 能跟 CC 讨论技术选型
当 CC 问你"用什么框架？""前端用 React 还是 Vue？"的时候，你是不是觉得像在听外语？
其实，选技术栈就像组建一个项目组——你需要决定：招几个人、每个人负责什么、他们之间怎么配合。
一个 Web 应用 = 一个项目组
前端 = 前台接待（客户看到的界面）
后端 = 后台运营（处理业务逻辑、数据）
数据库 = 档案室（存储所有数据）
框架 = 工作流程和工具（SOP 手册）
Web 应用的三层架构
你的项目用了什么栈？
拿你做过的项目来看：
这是一个"全栈"项目 — Next.js 同时负责前台和后台，Prisma 帮你跟档案室（数据库）沟通。
纯前端项目 — 没有后台和数据库，数据直接写在 data.js 里。简单但受限。
纯后端脚本 — 没有界面，直接跑在服务器上，定时执行任务。
经常听到的术语翻译
= 一套现成的工作流程。就像公司买了一套 OA 系统（如飞书），你不用从零开始搭建沟通工具。Next.js、React、Django 都是框架。
= 部门之间的沟通协议。前端通过 API 告诉后端"我要查某个员工的绩效"，后端去数据库取出来返回。
= 翻译官。你的代码说的是 JavaScript/Python，数据库说的是 SQL。Prisma 就是帮你翻译的。
= 一个人前台后台都能干。Next.js 就是全栈框架——一个项目搞定前端和后端。
= 开业。代码写好只是装修完，部署就是把门店开起来让客户能访问。Vercel、Docker 都是部署工具。
CC 问你选什么栈时怎么回答
记住这个简单的决策树：
做一个简单的展示页面（不需要登录、不存数据）？
→ 纯 HTML/CSS/JS 就够了（像你的招聘看板）
需要用户登录、存数据、有业务逻辑？
→ Next.js + Prisma + SQLite（像你的绩效系统）
做一个自动化脚本（定时跑任务、对接 API）？
→ Python（像你的催评估机器人）
不确定？
→ 告诉 CC 你的需求（要不要登录、存什么数据、谁来用），让它推荐。但现在你知道它推荐的是什么了。
📝 小测验
如果你要做一个"公司内部食堂满意度调查表"（需要登录、提交评分、查看统计），应该选什么技术方案？
📝 小测验 2
Prisma 在你的绩效系统中扮演什么角色？