”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > Day f Brylnt:Next.js 与 Remix

Day f Brylnt:Next.js 与 Remix

发布于2024-11-08
浏览:257

Day f Brylnt: Next.js vs Remix

大家好!我知道这与 Brylnt 的制作并不直接相关,但在决定使用哪个框架时我遇到了一些问题,我想我应该分享一下我对两个流行竞争者的想法:Next.js混音.

这两个框架都很优秀,根据项目的不同,任何一个都可能是正确的选择。由于我使用的是 T3 Stack,其中包括 Next.js,我自然倾向于它,但我很好奇 Remix 的比较。因此,这是我对每个问题的想法的快速细分:

Next.js


Next.js 已经存在了一段时间,并已发展成为 React 开发人员的首选。它提供内置的服务器端渲染 (SSR)、静态站点生成 (SSG) 和 API 路由。这就是我喜欢它的原因:

  • 成熟的生态系统:Next.js 由 Vercel 支持,这意味着强大的社区支持和大量的功能。
  • 灵活渲染:您可以根据需要在静态生成、服务端渲染、客户端渲染之间切换。
  • SSG 和 ISR:静态站点生成 (SSG) 和增量静态重新生成 (ISR) 非常适合提高性能,尤其是对于内容较多的站点。
  • 内置 API 路由:您不需要单独的后端来处理简单的 API,这非常适合登陆页面等小型项目。
  • T3 堆栈集成:它已经是我堆栈的一部分,将其与 tRPC、Drizzle 和 NextAuth.js 结合起来会让事情变得顺利。

混音


另一方面,

Remix 是一个较新的框架,专注于性能和用户体验。由于一些独特的功能,它获得了很大的吸引力:

  • 原生表单处理:Remix 对表单有一种非常酷的方法,可以更轻松地处理它们,而无需太多客户端 JavaScript。
  • 渐进增强:Remix 优先考虑渐进增强,确保应用程序即使在连接较差的环境中也能正常运行。
  • 路由:与 Next.js 相比,Remix 处理路由的方式更具嵌套性和声明性,这使得它对于某些类型的应用程序来说更加直观。
  • 服务器端数据获取:Remix的数据加载是围绕服务器端渲染构建的,这样可以更方便地在渲染页面时直接加载数据。

哪一个适合布林特?


经过一番思考,我坚持为 Brylnt 使用 Next.js。 SSR 和 SSG 的灵活性、成熟度以及它与 T3 Stack 无缝集成的事实确实使其成为满足我需求的更好选择。另外,借助 Next.js,我可以轻松扩展和优化登陆页面和客户的网站,而无需切换框架。

也就是说,我明白为什么 Remix 越来越受欢迎,对于更多用户交互密集型应用程序或规模性能至关重要的项目,Remix 将是一个强有力的竞争者。

感谢您阅读本文!我很快就会回到定期的 Brylnt 更新——只需首先完成这个框架决策。

版本声明 本文转载于:https://dev.to/manavcodaty/day-3-of-brylnt-nextjs-vs-remix-4paf?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • JavaScript计算两个日期之间天数的方法
    JavaScript计算两个日期之间天数的方法
    How to Calculate the Difference Between Dates in JavascriptAs you attempt to determine the difference between two dates in Javascript, consider this s...
    编程 发布于2025-04-29
  • 如何正确使用与PDO参数的查询一样?
    如何正确使用与PDO参数的查询一样?
    在pdo 中使用类似QUERIES在PDO中的Queries时,您可能会遇到类似疑问中描述的问题:此查询也可能不会返回结果,即使$ var1和$ var2包含有效的搜索词。错误在于不正确包含%符号。通过将变量包含在$ params数组中的%符号中,您确保将%字符正确替换到查询中。没有此修改,PDO...
    编程 发布于2025-04-29
  • Python读取CSV文件UnicodeDecodeError终极解决方法
    Python读取CSV文件UnicodeDecodeError终极解决方法
    在试图使用已内置的CSV模块读取Python中时,CSV文件中的Unicode Decode Decode Decode Decode decode Error读取,您可能会遇到错误的错误:无法解码字节 在位置2-3中:截断\ uxxxxxxxx逃脱当CSV文件包含特殊字符或Unicode的路径逃...
    编程 发布于2025-04-29
  • 在C#中如何高效重复字符串字符用于缩进?
    在C#中如何高效重复字符串字符用于缩进?
    在基于项目的深度下固定字符串时,重复一个字符串以进行凹痕,很方便有效地有一种有效的方法来返回字符串重复指定的次数的字符串。使用指定的次数。 constructor 这将返回字符串“ -----”。 字符串凹痕= new String(' - ',depth); console.Wr...
    编程 发布于2025-04-29
  • 对象拟合:IE和Edge中的封面失败,如何修复?
    对象拟合:IE和Edge中的封面失败,如何修复?
    To resolve this issue, we employ a clever CSS solution that solves the problem:position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)...
    编程 发布于2025-04-29
  • 在程序退出之前,我需要在C ++中明确删除堆的堆分配吗?
    在程序退出之前,我需要在C ++中明确删除堆的堆分配吗?
    在C中的显式删除 在C中的动态内存分配时,开发人员通常会想知道是否有必要在heap-procal extrable exit exit上进行手动调用“ delete”操作员,但开发人员通常会想知道是否需要手动调用“ delete”操作员。本文深入研究了这个主题。 在C主函数中,使用了动态分配变量(H...
    编程 发布于2025-04-29
  • Python高效去除文本中HTML标签方法
    Python高效去除文本中HTML标签方法
    在Python中剥离HTML标签,以获取原始的文本表示Achieving Text-Only Extraction with Python's MLStripperTo streamline the stripping process, the Python standard librar...
    编程 发布于2025-04-29
  • 人脸检测失败原因及解决方案:Error -215
    人脸检测失败原因及解决方案:Error -215
    错误处理:解决“ error:((-215)!empty()in Function Multultiscale中的“ openCV 要解决此问题,必须确保提供给HAAR CASCADE XML文件的路径有效。在提供的代码片段中,级联分类器装有硬编码路径,这可能对您的系统不准确。相反,OPENCV提...
    编程 发布于2025-04-29
  • 在细胞编辑后,如何维护自定义的JTable细胞渲染?
    在细胞编辑后,如何维护自定义的JTable细胞渲染?
    在JTable中维护jtable单元格渲染后,在JTable中,在JTable中实现自定义单元格渲染和编辑功能可以增强用户体验。但是,至关重要的是要确保即使在编辑操作后也保留所需的格式。在设置用于格式化“价格”列的“价格”列,用户遇到的数字格式丢失的“价格”列的“价格”之后,问题在设置自定义单元格...
    编程 发布于2025-04-29
  • 如何解决由于Android的内容安全策略而拒绝加载脚本... \”错误?
    如何解决由于Android的内容安全策略而拒绝加载脚本... \”错误?
    揭开神秘:content Security Policy Directive errors 遇到Enigmatic错误“拒绝加载脚本...此问题源于内容安全策略(CSP)指令,该指令限制了不受信任来源的资源加载。 However, resolving this challenge can be s...
    编程 发布于2025-04-29
  • Java数组中元素位置查找技巧
    Java数组中元素位置查找技巧
    在Java数组中检索元素的位置 利用Java的反射API将数组转换为列表中,允许您使用indexof方法。 (primitives)(链接到Mishax的解决方案) 用于排序阵列的数组此方法此方法返回元素的索引,如果发现了元素的索引,或一个负值,指示应放置元素的插入点。
    编程 发布于2025-04-29
  • 在JavaScript中如何并发运行异步操作并正确处理错误?
    在JavaScript中如何并发运行异步操作并正确处理错误?
    同意操作execution 在执行asynchronous操作时,相关的代码段落会遇到一个问题,当执行asynchronous操作:此实现在启动下一个操作之前依次等待每个操作的完成。要启用并发执行,需要进行修改的方法。 第一个解决方案试图通过获得每个操作的承诺来解决此问题,然后单独等待它们: co...
    编程 发布于2025-04-29
  • `console.log`显示修改后对象值异常的原因
    `console.log`显示修改后对象值异常的原因
    foo = [{id:1},{id:2},{id:3},{id:4},{id:id:5},],]; console.log('foo1',foo,foo.length); foo.splice(2,1); console.log('foo2', foo, foo....
    编程 发布于2025-04-29
  • PHP与C++函数重载处理的区别
    PHP与C++函数重载处理的区别
    作为经验丰富的C开发人员脱离谜题,您可能会遇到功能超载的概念。这个概念虽然在C中普遍,但在PHP中构成了独特的挑战。让我们深入研究PHP功能过载的复杂性,并探索其提供的可能性。在PHP中理解php的方法在PHP中,函数超载的概念(如C等语言)不存在。函数签名仅由其名称定义,而与他们的参数列表无关。...
    编程 发布于2025-04-29
  • 如何处理PHP文件系统功能中的UTF-8文件名?
    如何处理PHP文件系统功能中的UTF-8文件名?
    在PHP的Filesystem functions中处理UTF-8 FileNames 在使用PHP的MKDIR函数中含有UTF-8字符的文件很多flusf-8字符时,您可能会在Windows Explorer中遇到comploreer grounder grounder grounder gro...
    编程 发布于2025-04-29

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3