共计 684 个字符,预计需要花费 2 分钟才能阅读完成。
横向比照
先上一行比照图:
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
正文完