官方正式推出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开发者可获得自动完成功能,避免因为配置错误导致潜在问题。