关于前端:网站的未来Nextjs-与-Remix

80次阅读

共计 684 个字符,预计需要花费 2 分钟才能阅读完成。

横向比照

先上一行比照图:

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
正文完
 0