网站的未来：Next.js 与 Remix

原创

已于 2022-01-19 18:10:58 修改 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #typescript #react

于 2021-12-28 10:15:35 首次发布

本文对比了Next.js和Remix两个框架的特性，包括静态站点生成、服务器端渲染、表单处理、路由管理、会话管理等方面。Remix在数据处理和路由灵活性上有优势，适合复杂数据场景；Next.js则内置了国际化支持和静态站点生成，适合快速搭建项目。在成本和性能上，Next.js更适合静态部署和初学者，而Remix需要更多优化工作。作者建议根据项目需求和个人喜好选择框架，并强调了关注业务代码性能的重要性。

横向对比

先上一行对比图：

	Next.js	Remix
SSG静态站点生成	✅内置	不支持
SSR服务器端渲染	✅内置	✅通过 loader
API 路由	✅pages/api/ 目录下	Remix 就是路由，你可以更加灵活去进行自定义路由
Forms表单	非内置	✅ 内置，且功能强大
基于文件系统的路由管理	✅ 页面级	✅ 组件级
会话管理	非内置	✅ 内置 Cookie、Sessions
禁用 JS	未提供充分支持	✅ 静态页面路由
样式	✅ 提供了全局及组件级样式支持 TailwindCSS 等	非内置
嵌套布局	不支持	✅内置
i18n国际化	✅内置	非内置
图片优化	✅通过 next/image 组件	✅通过简单转换、备选质量等方式