

Next.js 15新支持异步请求API、React解释器以及Turbopack模式,大幅提升程序性能与开发效率,有利于支持大型应用开发
官方正式推出Next.js 15,不仅提升框架的稳定性,也带来一系列开发功能更新。更新亮点包括加入异步请求API,提供更灵活的渲染方式,并且新支持React 19和React编译器,在强化性能的同时,减少开发者手动优化的负担,还正式推出Turbopack开发模式带来更高效的开发体验。
Next.js15引入异步请求API,提供服务器端渲染更多的灵活性,这对于大型应用的性能提升非常有用。传统的服务器端渲染需要等待请求才能开始渲染,而Next.js 15则允许提前准备与请求无关的组件渲染,在收到请求前就开始准备渲染。此变化影响了请求相关的API,诸如cookies、headers和params等API都将会转换成为异步模式。这项变更为破坏性更新,Next.js团队提供了代码转换工具来简化升级流程。
随着React 19发布,Next.js 15开始提供稳定支持,并添加实验性React编译器。新的React编译器能够深度理解JavaScript语义并且自动优化,让开发者不需要手动进行useMemo或useCallback性能调整,整体来说使代码更简洁易读,也降低出错的风险,对于需要处理大量交互的应用程序来说更为友善。
Turbopack开发模式在Next.js 15中进入稳定阶段,能够明显提升开发体验。Turbopack的优点在于减少开发延迟,提升开发的顺畅度,使得团队在迭代代码过程更加高效。根据在大型Next.js应用程序的实测数据,该模式可以加快本地服务器启动速度76.7%,代码更新速度提升96.3%,在没有缓存的情况下,初始路由编译速度可提升45.8%,因此很适合用于需要频繁调整代码的大型项目。
Next.js 15新加入的instrumentation.js工具让开发者可以深入观察服务器运作状况,以识别性能瓶颈和错误来源。通过集成OpenTelemetry等遥测工具,开发者可以清楚追踪服务器的操作步骤,并获得即时报告,进一步提升应用的可维护性和稳定性。
对TypeScript开发者的好消息是,Next.js 15支持使用TypeScript编写next.config.ts文件,并提供NextConfig类型支持。这将使得配置过程更加安全,并且TypeScript开发者可获得自动完成功能,避免因为配置错误导致潜在问题。
Next.js 15还添加了<Form>组件,让开发者在处理表单更加方便。该组件默认具备预截取和客户端导航功能,这两项功能分别让表单在画面显示时,会自动提前加载表单提交后的页面和数据,使页面切换更加顺畅,另外,在提交表单时,系统将不再需要重新加载整个网页,直接在客户端完成导航过程。这样的设计让表单在网页上的回应更迅速,特别适合需要进行页面跳转的表单,并让代码开发工作更容易。