前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Next.js对比Remix.js

Next.js对比Remix.js

作者头像
用户6256742
发布2022-07-06 14:33:22
10.8K0
发布2022-07-06 14:33:22
举报
文章被收录于专栏:网络日志网络日志

横向对比

先上一行对比图:

Next.js

Remix

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 组件局部抛错

Polyfill

fetch、Object.assign 和 URL

fetch

适用场景

Next.js

静态网站。这是其最大优势。在使用 TailwindCSS 等,可以更加灵活的制作出样式优美的页面及组件。拥有着较为完善的生态圈。

适合快速上手做项目。

Remix

管理后台,对于数据的加载、嵌套数据或者组件的路由、并发加载优化做得很好,并且异常的处理已经可以精确到局部级别。

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

小结

  • 数据复杂,内容较多(如可视化大屏): Remix
  • 包含表单和会话的管理系统: Remix
  • SEO 友好的网站: Next.js
  • 纯静态部署: Next.js
  • 国际化支持: Next.js
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 横向对比
  • 适用场景
    • Next.js
      • Remix
        • 小结
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档