Featured image of post 使用 Next.js 15 构建的超快速 Web 应用程序Featured image of post 使用 Next.js 15 构建的超快速 Web 应用程序

使用 Next.js 15 构建的超快速 Web 应用程序

“Next.js 15”终于在最近的更新中发布了测试版,并在前端界引起了很大的轰动。 我也立即将我的个人项目从 Next.js 14 升级到 15,并尝试了一些新功能。在这篇文章中,我将回顾一下我实际接触后感受到的“惊人的进化”。

Next.js 15 的演变让我一接触就感到惊讶

如果非要用一个词来形容的话,那就是“开发者体验(DX)和性能的终极提升”。 自 App Router 推出以来,Next.js 一直处于重大范式转变之中,版本 15 感觉已经接近完成。

1. 使用 React Compiler 将自己从手动记忆中解放出来

就我个人而言,给我印象最深的是官方对 React Compiler 的支持。 以前,您必须在各处编写“useMemo”、“useCallback”和“React.memo”,以防止不必要的重新渲染。但是,在 Next.js 15 中,编译器将为您进行优化。

实际上,我尝试从代码中删除所有这些挂钩,它根本没有减慢速度,反而使我的代码库变得非常干净。仅此一点就值得采取行动。

2.默认缓存策略修改

在以前的版本中,许多开发人员对“默认缓存所有内容”的激进规范感到困惑(我就是其中之一)。 在 Next.js 15 中,获取请求(“fetch”)的默认值已修改为“no-store”,并且我们返回了一种选择加入方法,您可以在该方法中仅显式指定需要缓存的部分。这减少了无意的陈旧数据显示的数量,并使直观的开发再次成为可能。

3. Turbopack 稳定性带来爆炸性的启动速度

本地开发环境搭建的速度也值得注意。 Turbopack 是一个基于 Rust 的捆绑器,现在更加稳定,允许服务器立即启动,即使对于大型项目也是如此。热重载(Fast Refresh)的响应也是压倒性的,等待时间带来的压力几乎被消除。

总体回顾:您现在应该迁移吗?

总之,如果它是一个新项目,我们建议毫不犹豫地在 Next.js 15(或 React 19)上构建它。即使您有一个现有项目,如果您已经迁移到 App Router,升级它的障碍也不会那么高。

“快”不仅仅指浏览器的绘制速度。这意味着开发人员编写、审查和部署代码的整个周期更快。我认为 Next.js 15 是能够实现这种“极快循环”的框架的顶峰。