
官方正式推出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>元件,让开发者在处理表单更加方便。该元件预设具备预撷取和客户端导航功能,这两项功能分别让表单在画面显示时,会自动提前载入表单提交后的页面和资料,使页面切换更加顺畅,另外,在提交表单时,系统将不再需要重新载入整个网页,直接在客户端完成导航过程。这样的设计让表单在网页上的回应更迅速,特别适合需要进行页面跳转的表单,并让程序码开发工作更容易。