近日,Next.js 15 已正式发布,为开发者带来了一系列令人兴奋的新功能和改进。这一版本在增强稳定性的同时,引入了多项创新特性,旨在提升开发效率和用户体验。以下是此次更新的详细亮点:
主要功能更新
1. @next/codemod CLI 工具
Next.js 15 推出的 @next/codemod CLI 工具,极大地简化了升级到最新版本的过程。这个工具能够自动化处理代码转换,帮助开发者顺利过渡到最新的 Next.js 和 React 版本。
npx @next/codemod@canary upgrade latest
2. 异步请求 API(重大变更)
在传统的服务端渲染中,服务器需要等待请求完成才能渲染内容。Next.js 15 通过引入异步请求 API,移除了这一瓶颈。依赖请求特定数据的 API 现在被设计为异步,这一变更为未来的优化奠定了基础。
3. 缓存语义变更
根据用户反馈,Next.js 15 调整了缓存策略:fetch 请求、GET 路由处理程序和客户端导航默认不再缓存。开发者可以选择性地开启缓存,以满足不同的性能需求。
4. 支持 React 19
Next.js 15 与即将发布的 React 19 完美兼容,并提供了向后兼容支持,确保过渡的平稳。即使 React 19 仍处于候选发布阶段,Next.js 团队已通过广泛的测试确保其稳定性。
5. Turbopack Dev 的稳定性提升
Turbopack Dev 已进入稳定状态,显著提升了开发体验。使用 vercel.com 进行测试时,本地服务器启动速度提升高达 76.7%,代码更新速度提升 96.3%。
新功能与增强
- 组件:新的表单组件支持预取、客户端导航和进步式增强,减少开发者的手动配置,提升用户交互体验。
- TypeScript 支持:Next.js 现在支持
next.config.ts文件类型,提供了 NextConfig 类型用于自动补全和类型安全检查。 - 静态路由指示器:通过在开发过程中显示静态路由的视觉标识,帮助开发者快速识别并优化页面性能。
安全与性能改进
- 服务器动作安全性:通过引入死代码消除和安全动作 ID,提升了应用的安全性和性能。未使用的服务器动作将不再暴露在客户端中,降低了潜在的安全风险。
- 自托管优化:改进了对
Cache-Control指令的控制,开发者在自托管环境中拥有更大的灵活性,确保与 CDN 的兼容性。
开发与构建性能提升
Next.js 15 还对开发和构建性能进行了优化。静态生成速度得到提升,特别是在处理慢速网络请求的页面时。通过共享 fetch 缓存,减少了重复的数据请求,加快了构建速度。
结语
Next.js 15 的发布是一个重要的里程碑,凝聚了 3000 多名开发者和行业合作伙伴的智慧。想要深入了解这些新功能及其应用,可以访问 Next.js 官网或参加即将举行的 Next.js 大会,探索更多未来的发展方向。
借助 Next.js 15,开启高效开发的新旅程吧!