Next.js还是Remix | LeoQin的博客

type

Post

status

Published

date

Dec 12, 2024

slug

Nextjs还是Remix

summary

2024 年 OpenAI 把 ChatGPT 的前端从 Next.js 换到了 Remix，技术圈炸了。这篇聊聊我看完 OpenAI 那篇博客后对两个框架的理解，以及自己什么时候会选哪个。

这两个框架的来历

Next.js 是 2016 年 Vercel (当时还叫 Zeit) 做出来的，是最早把 React 服务器端渲染做成"开箱即用"的框架。后来一路把约定式路由、自动代码分割、SSR / SSG / ISR 等套餐式功能塞进去，几乎成了"做 React 项目就用它"的默认选项。

Remix 出现得晚很多。2021 年由 React Router 那拨人推出，思路完全不同。它从一开始就严格按照 Web 标准来做，少装东西，能交给浏览器和服务器原生处理的就交出去。Shopify 后来把它收购了，才进入更多人的视野。

写法上的差别

举个最常见的场景，服务器端取数据。Next.js 是这样

Remix 长这样

看起来差不多，但底下的心智模型很不一样。Next.js 把数据获取当成一个"页面参数"来注入。Remix 把它当成"路由的一部分"，每个路由有自己的 loader 和 action，UI 跟数据的关系是嵌套的。

OpenAI 为什么要迁

按 OpenAI 那篇博客的说法，迁移之后服务器端渲染时间从 300ms 左右降到了 180ms。但这数字本身不是重点，重点是为什么。Remix 走的"Web 标准 + 服务器优先"路线，让它在大流量场景下表现更稳。客户端 JavaScript 包小，意味着首屏更快。表单原生提交，意味着不那么依赖客户端水合 (hydration) 这个昂贵的过程。

ChatGPT 这种应用的特点是流量大、交互密、状态多，每一毫秒都会乘以亿级用户量。Next.js 的"全功能"在这种场景下变成了负担，Remix 的"轻一点"反而合适。