“技术栈不是简单的工具堆砌，而是一套围绕业务目标、团队能力与演进节奏共同演化的生态系统。”
1. 技术栈的演进脉络
| 阶段 | 关键词 | 代表技术 | 核心矛盾 |
|---|---|---|---|
| Web 1.0 | 静态、CGI | Apache + Perl | 动态内容 vs 性能 |
| Web 2.0 | LAMP、AJAX | PHP + MySQL | 高并发 vs 单体瓶颈 |
| 移动优先 | REST、SPA | Backbone → React | 多端复用 vs SEO |
| 云原生 | 容器、K8s | Docker + Go | 弹性伸缩 vs 复杂度 |
| AI 驱动 | Edge、AIGC | Next.js + Vercel | 实时智能 vs 成本 |
每一次跃迁都不是替代，而是“封装”——把旧范式沉淀为基础设施，让开发者聚焦更高阶的问题。
2. 前端：从框架到生态
2.1 渲染模式的三次分裂
| 模式 | 首屏时间 | SEO | 交互延迟 | 适用场景 |
|---|---|---|---|---|
| CSR | 慢 | 差 | 快 | 后台系统 |
| SSR | 快 | 好 | 中 | 内容站点 |
| SSG | 极快 | 极好 | 无 | 博客/文档 |
Next.js 13 引入 Partial Prerendering（PPR）：静态外壳 + 流式动态区块，试图“鱼和熊掌兼得”。