最近组里要做一个0 → 1 的 AI 产品。 老板拍板：两个月内必须能接入现有业务。
我被拉进来时，只剩 5 周。
技术栈已经定好： Next.js + TypeScript + Tailwind + shadcn + AI Coding
问题是
我是个后端，没有前端经验。
如果没有 AI Coding，这个项目我一个人根本跑不动。
而有了 Claude + Cursor，我第一次体会到什么叫：
“十几分钟干完我一天的工作。”
-****01-
为什么 Next.js 成了创业公司的框架
你们一定听过这段话（我是在小红书刷到的）：
如果你的用户量已经大到需要考虑高并发和负载均衡，那你已经不需要自己操心这些了。
这句话，太适合 Startup 了。
我们要的不是完美架构。 我们要的是：最快上线的真实产品。
所以我们选了：
Next.js = 前端 + 后端 + API + SSR + 部署一体化
你可以理解为：
Spring Boot + Vue + Nginx + 网关 + SSR，被压成了一个仓库
MVP 阶段，速度 > 一切。
[图片上传失败...(image-7dadaa-1768815760316)]
-****02-
AI Coding 是怎么把“不可能”变成“刚刚好”
我没有前端基础，但我有：
Cursor
Claude 4.5
Trae（之前）
真实体验是：
Claude 写 UI 我负责判断“这个是不是屎”
你会发现一个很残酷的事实：
AI 写代码的速度
永远比你制造技术债的速度还快
于是你就进入了一个真实的 Vibe Coding 状态：
<pre data-start="1196" data-end="1242" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">
需求 → AI生成 → 能跑 → 先上线 → 再重构 → 再堆需求 → 再炸
</pre>
这不是不专业，这是现实。
[图片上传失败...(image-33c68c-1768815760316)]
-****03-
5 周时间线
我们不是写 Demo，是要接入现有业务的 AI 产品。
| 周 | 发生了什么 |
|---|---|
| Week 1 | 项目初始化、Next.js+TS 学习、表结构、MySQL、CRUD |
| Week 2 | PRD 出来，核心数据模型设计 |
| Week 3 | 核心功能完成，架构讲解 |
| Week 4 | 首页优化、统一登录、部署 |
| Week 5 | 鉴权、Token、Cookies、核心联调 |
5 周之后，产品真的跑起来了。
[图片上传失败...(image-26cbae-1768815760316)]
-****04-****这套技术栈为什么能撑住
前端
<pre data-start="1570" data-end="1648" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">
Next.js 14 + React 18 + TypeScript + Zustand + Tailwind + AntD + Radix
</pre>
你可以理解为：
速度（AntD） + 规范（Radix） + 自由（Tailwind）
混在一起，短期非常爽，长期非常危险。
但对 MVP 来说，这是 性价比最高的组合。
后端
<pre data-start="1761" data-end="1828" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">
Next.js API Routes + Prisma + MySQL + Redis + Zod + Winston
</pre>
你会第一次感受到：
前端能直接操作数据库是什么感觉
这在 Java 世界里简直是邪教， 但在 Startup MVP 里，是救命稻草。
-****05-****这套技术栈有哪些坑
几个让我想骂人的坑：
Next.js middleware 里不能 import Prisma（Edge Runtime 爆炸）
静态渲染 vs 动态 API 的 build 警告
Ant Design X 和 v6 兼容地狱
日志只能看容器 stdout
你现在看到的 AI 产品，本质是：
<pre data-start="2145" data-end="2203" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">
人 → System Agent → 路由 → 专用 Agent → Tool → LLM → 结果
</pre>
MCP 解决的是：
LLM 如何标准化调用工具
A2A 解决的是：
Agent 之间如何协作、隔离上下文
未来的 App 不是一个程序，是一个 Agent 集群。
Python vs TypeScript，在 AI 里的真实分工
| 领域 | Python | TypeScript |
|---|---|---|
| 训练 | 王者 | 几乎没有 |
| 模型 | 核心 | 消费者 |
| 产品 | 慢 | 极快 |
| 部署 | 重 | 轻 |
| UI | 弱 | 王炸 |
一句话：
Python 造 AI，TS 卖 AI。
-****06-****总结
Vibe Coding 的真相
我必须说一句实话：
AI 让不会前端的人 能在 5 周内做出一个真实 AI 产品
但也让：
技术债堆得比你加需求还快
你真正要对抗的不是 AI， 是你对 “我只会我那一套” 的执念。
这 5 周， 是我职业生涯里 技术成长最快的一段时间。
因为我终于明白了一件事：
语言是工具， 速度是信仰， AI 是时代。
你要选的不是框架， 是你愿不愿意跳进这个时代。
