狠狠吐槽一下SSR/Next.js(六):SSR 没有未来

📅 2026/7/8 9:52:54
狠狠吐槽一下SSR/Next.js(六):SSR 没有未来
开篇我站在 2026 年回头看现在是 2026 年 7 月。距离 Next.js 第一次把 SSR 推上神坛已经过去了好几年。距离我开始写这个系列的第一篇吐槽也过去了大半年。现在尘埃落定。我终于可以不带情绪地说一句SSR这个曾经被捧上天的革命性技术正在走向消亡。不是因为它不好而是因为它不合时宜。就像一个精美的马车在汽车时代无论怎么升级——换上更软的坐垫、更轻的轮子、更快的马——它终究还是马车。SSR 的命运从 AI 普及的那一刻起就已经注定了。今天我不吐槽了。我做一次技术验尸冷静地分析 SSR 为什么没有未来。一、历史规律所有中心化渲染最终都会被淘汰如果你把眼光放长到计算机科学的整个历史会发现一个清晰的规律计算永远在向边缘迁移。时代计算发生的位置代表技术1960s-1980s大型机中心IBM 主机1980s-1990s个人电脑边缘PC、Mac1990s-2000s服务器中心客户端-服务器架构2000s-2010s浏览器边缘AJAX、SPA2010s-2020s云中心云计算、Serverless2020s-2030s边缘设备边缘CDN Edge、浏览器、IoT注意看计算在中心和边缘之间来回摆动但每一次边缘化都是更深度的边缘化。SSR 是什么它是把渲染计算拉回中心服务器。这个方向和边缘计算的大趋势完全相反。Edge Computing把计算推到离用户最近的边缘节点SSR把计算拉回离用户最远的中心服务器你是在逆潮流而动。而那些顺潮流的技术在做什么Astro默认静态边缘缓存按需动态Qwik在边缘节点做可恢复渲染而不是重新执行React Server Components理论上在边缘 CDN 上预渲染Vite SSG构建时生成永久缓存未来的方向不是在服务器上渲染而是在离用户最近的地方以最轻量的方式提供内容。SSR 的方向错了。二、一个残酷的事实SSR 的使用场景正在消失让我们诚实地问自己SSR 到底解决了什么问题答案只有两个SEO搜索引擎优化首屏性能让内容更快展示现在我们来逐个分析这两个刚需在 2026 年的状态。场景一SEO —— 爬虫已经进化了2020 年的时候Googlebot 对 JavaScript 的支持还很弱。你不做 SSRGoogle 就看不到你的内容。2026 年呢Googlebot 完整执行 JavaScript包括 React、Vue、AngularBingbot 也支持了社交媒体爬虫Facebook、Twitter/X、LinkedIn都在逐步升级百度依然落后但那是百度的问题不是你的问题更重要的是AI 搜索引擎来了。ChatGPT Search直接读取内容不需要 SEO 元数据Perplexity汇总多个源不依赖单个页面的关键字Google AI Overviews在搜索顶部直接给答案用户不点链接SEO 的价值本身在下降。用户不再搜关键字 → 点进你的页面而是问 AI → 得到答案。当你依赖的优化目标搜索引擎排名本身在贬值时为了它所做的所有技术投入都在同步贬值。你还为了 SEO 去搞 SSR为了一个逐渐萎缩的通道牺牲整个架构的简洁性场景二首屏性能 —— 网络和硬件已经进化了2015 年4G 刚普及手机 CPU 还很弱一个 React SPA 的 JS bundle 要 2MB加载 5 秒。2026 年呢5G 普及Wi-Fi 6 普及百兆带宽是标配手机 CPU 性能翻了 5 倍执行 100KB 的 JS 只需要几十毫秒HTTP/3 边缘 CDN静态资源加载时间 200ms浏览器缓存策略优化第二次访问几乎秒开首屏慢这个问题的严重性在逐年递减。而 SSR 带来的复杂性问题在逐年递增。当网速慢这个前提不存在了为慢网速设计的 SSR还有什么存在的必要你用 2026 年的网络和硬件去解决 2016 年的问题——这叫过度优化。三、SaaS 模式的终结为什么 Serverless SSR 是个死胡同Vercel 的商业故事是这样的给你一个全栈框架Next.js让你在前端项目里写后端逻辑让你把这些全栈代码部署到他们的 Serverless 平台Vercel按请求量收费流量越大你付得越多这个模式有一个致命问题SSR 的请求量和成本是指数级关系而不是线性关系。你的网站 1000 个用户/天 → Vercel 账单 $50/月你的网站 10000 个用户/天 → Vercel 账单$500/月10 倍用户 → 10 倍成本你的网站 100000 个用户/天 → Vercel 账单$5000/月又 10 倍SSR 的每个请求都要消耗服务器 CPU。用户越多服务器消耗越大。而纯静态SSG或纯客户端CSR的架构呢1000 个用户/天 → 带宽费用 $5/月CDN 几乎免费10000 个用户/天 → 带宽费用 $10/月CDN 几乎免费100000 个用户/天 → 带宽费用 $20/月差距是 250 倍。你用 SSR等于主动选择了可变成本最高的架构。你的创业公司流量一起来Vercel 的账单先把你吃掉。SSR 不是技术选择是财务选择。而且是个糟糕的财务选择。四、2026 年的新答案是三件套那 2026 年我们不搞 SSR搞什么答案是三件套SSG CSR Edge API1. SSG静态站点生成构建时搞定一切所有内容型页面博客、文档、产品页、营销页在构建时生成 HTML推送到 CDN永久缓存加载速度世界最快直接从 CDN 返回 HTML成本几乎为零CDN 带宽费几乎忽略不计SEO完美。爬虫拿到完整 HTML。首屏完美。从 CDN 返回延迟 50ms。2. CSR客户端渲染交互的部分交给浏览器需要登录、个性化、动态交互的部分用纯客户端渲染用 Vite或 Create React App构建逻辑清晰数据从 Edge API 获取JSON 格式AI 友好AI 生成的代码准确率 95%一个页面静态的部分是 HTMLSSG动态的部分用 JS 增强CSR。不需要 SSR不需要水合不需要use client的纠结。3. Edge API真正的后端交给边缘那些需要服务器的逻辑数据库查询、第三方 API 调用、鉴权部署在边缘节点Cloudflare Workers、Vercel Edge Functions、Deno返回 JSON 给前端按需付费但每个请求的 CPU 消耗极小只做数据聚合不做页面渲染你的前端CSR调用 Edge API → Edge API 返回 JSON → 前端渲染界面。前后端分离清清楚楚。这个三件套架构的特点是什么简单SSG 是静态文件CSR 是纯前端Edge API 是纯后端AI 友好每个部分都是单一环境AI 不会困惑成本低廉CDN 缓存让 99% 的请求不消耗计算资源性能卓越CDN 永远比你的源站快可维护不用猜这段代码跑在哪这不比 SSR 香一万倍五、React 已经在背叛SSR一个信号看一个技术有没有未来看它的上层在往哪个方向走。React 18 引入了Server Components很多 Next.js 的粉丝说“看React 官方都在支持服务端渲染”但你要仔细看 React 团队的设计意图Server Components 的目的不是在服务器上渲染 UI而是在服务器上生成数据然后传输给客户端客户端再渲染。它传输的是“数据描述”一种特殊的 JSON而不是“HTML 字符串”。这跟 SSR 的生成完整 HTML 字符串有本质区别。Server Components 的终极目标是让数据获取和UI 渲染在逻辑上更靠近但在执行上仍然分离。而 SSR 是在服务器上执行整个 UI 渲染。React 团队没有在加强 SSR他们在“用一种更优雅的方式让服务器做数据的事让客户端做渲染的事”。这种设计和三件套SSGCSREdge API的思路是吻合的而不是和 SSR 吻合的。连 React 自己都在从 SSR 转向数据渲染分离模式。你还抱着 SSR 不放六、AI 时代SSR 的棺材板是被 AI 钉上的这是这个系列最核心的论点我再说一次在 AI 时代一个技术能存活的前提是——AI 能理解它、能生成它、能调试它。SSR 不满足这个前提。AI 分不清服务端/客户端代码AI 搞不懂版本差异AI 无法推理多维执行图AI 生成的测试用例跑不通AI Agent 频繁任务断裂一个AI 不友好的技术在 AI 时代没有未来。这不是预测这是逻辑推导未来 90% 的代码将由 AI 生成或辅助生成如果一个框架让 AI 频繁出错开发者就会减少使用使用量下降 → 社区萎缩 → 生态凋零 → 死亡螺旋SSR Next.js 已经在这个死亡螺旋的入口处了。我不是说它明天就死。它还有存量用户还有大公司的技术债要还。但如果你现在开始一个新项目你还要选 SSR那我只能说祝你好运。你的竞争对手正在用 ViteSSGCSR用 AI 2 倍速开发而你的 AI 还在帮你制造 bug。七、最后的告别写给 SSR 的墓志铭SSR1995-2026它曾短暂地解决了 SEO 和首屏问题但代价是带来了十倍于问题的复杂度。它高喊着全栈革命实则是关注点分离的背叛者。在人类开发者还在忍耐它时AI 第一个投了反对票。它的棺材板由以下几颗钉子钉死边缘计算的崛起网络和硬件的进化Vercel 账单的飙升React 本身的转向AI 的集体困惑安息吧SSR。你不是死得最惨的技术但你绝对是死得最不必要的技术。因为你的问题本来就不该存在。结语向前走别回头读完这七篇文章你可能会有两种反应。反应一“你说得对我早就受够了。下个项目我一定换。”如果是这样恭喜你。你已经从框架迷信中醒来了。去拥抱简单、纯粹、AI 友好的架构吧。反应二“你太极端了SSR 还是有它的适用场景的。”没错任何技术都有适用场景。如果你是一家拥有 100 人前端团队、流量以亿计的超级公司SSR 也许能给你带来 5% 的性能提升。但对于那95% 的普通项目、普通团队、普通开发者来说——SSR 的成本 收益。而我们大多数人都属于那 95%。所以我的建议很简单让你的代码跑在它该跑的地方。浏览器的事交给浏览器。服务器的事交给服务器。AI 的事交给 AI。不要为了酷把自己的项目和职业生涯架在火上烤。