横向比照

先上一行比照图:

Next.jsRemix
SSG动态站点生成✅内置不反对
SSR服务器端渲染✅内置✅通过 loader
API 路由pages/api/ 目录下Remix 就是路由,你能够更加灵便去进行自定义路由
Forms表单非内置✅ 内置,且功能强大
基于文件系统的路由治理✅ 页面级✅ 组件级
会话治理非内置✅ 内置 Cookie、Sessions
禁用 JS未提供充沛反对✅ 动态页面路由
款式✅ 提供了全局及组件级款式反对 TailwindCSS 等非内置
嵌套布局不反对✅内置
i18n国际化✅内置非内置
图片优化✅通过 next/image 组件✅通过简略转换、备选品质等形式
谷歌 AMP✅内置非内置
适配器Node.js Request 和 Response 接口Fetch API Request 和 Response 接口
Preload链接主动非主动
异样解决创立 404,500 等页面应用 ErrorBoundary 组件部分抛错
PolyfillfetchObject.assignURLfetch

实用场景

Next.js

动态网站。这是其最大劣势。在应用 TailwindCSS 等,能够更加灵便的制作出款式柔美的页面及组件。领有着较为欠缺的生态圈。

适宜疾速上手做我的项目。

Remix

治理后盾,对于数据的加载、嵌套数据或者组件的路由、并发加载优化做得很好,并且异样的解决曾经能够准确到部分级别。

或者是下一代的 Web 开发框架,须要折腾。

小结

  • 数据简单,内容较多(如可视化大屏): Remix
  • 蕴含表单和会话的管理系统: Remix
  • SEO 敌对的网站: Next.js
  • 纯动态部署: Next.js
  • 国际化反对: Next.js