Next.js 15 来了,全新的编译器、700倍的构建速度提升

boyanx2周前技术教程4

Next.js 15 来了,让全栈Web应用开发变得比以往任何时候都更简单高效!

全新的编译器、700倍的构建速度提升,创建高性能的全栈Web应用从未如此轻松。让我们一起来探索一下 v15 的最新特性:

create-next-app 升级:更简洁的UI,700倍更快的构建速度

  • Webpack 升级为 Turbopack:世界上最快的模块打包器(官方如此宣称):比 Webpack 快 700 倍比 Vite 快 10 倍
  • 随着 v15 的发布,将 Turbopack 添加到你的 Next.js 项目中变得前所未有的简单:
npx create-next-app@rc

这个命令不仅会帮你生成一个新的 Next.js 项目,还会自动配置好 Turbopack,让你直接体验极速构建的快感。

2. React 编译器、React 19 支持和更友好的错误提示

React 编译器是一个现代的 React 编译器,它能深入理解你的 React 代码,带来自动记忆化等优化,大多数情况下不再需要手动使用 useMemo 和 useCallback。它可以节省时间、预防错误、加快速度。


并在 next.config.js 中添加:

React 19 支持

引入了客户端和服务器端的 Actions。

更好的水合错误处理:

开发过程中的错误信息非常重要,Next.js 15 提供了智能的错误修复建议,这对开发者的开发体验有很大提升。

以前的错误提示:

现在的错误提示:

这些智能提示大大减少了开发者解决错误的时间。

3. 新的缓存行为

在 Next.js 15 中,不再自动缓存以下内容:

  • fetch() 请求
  • 路由处理程序:GET、POST 等

<Link> 客户端导航

如果你仍然希望缓存 fetch() 请求,可以在 next.config.js 中进行配置:

4. next/after:任务分离的新方式

Next.js 15 提供了一个全新的 next/after 功能,让你在每个服务器请求中清晰地分离必要任务和非必要任务:

  • 必要任务:身份验证检查、数据库更新等
  • 非必要任务:日志记录、分析等

现在你可以使用 experimental.after 轻松实现这一功能:

5、部分预渲染 (Partial Prerendering, PPR)

部分预渲染 (PPR) 在同一页面中结合了静态和动态渲染。通过即时加载静态 HTML 并在同一 HTTP 请求中流式传输动态部分,极大地提升了性能。

要启用 PPR,只需在 next.config.js 中添加以下配置:

结束

Next.js 15 带来了诸多令人兴奋的新功能和性能提升,让开发者可以更高效地构建高性能的全栈Web应用。如果你还没有体验过这些新特性,现在就开始吧!

npx create-next-app@rc 

这就是 Next.js 15 带来的五大变革性新功能。你是否已经迫不及待想要试试这些新特性了呢?欢迎在评论区分享你的体验和看法!

相关文章

javascript中const/let/var的用法区别及使用场景

给大家建议使用的优先级:const > let > var 首先const声明常量的好处,一是阅读代码的人立刻会意识到不应该修改这个值,二是防止了无意间修改变量值所导致的错误,另外其实js...

Bun 1.0 JavaScript 运行时发布,附带 Windows“实验”版

作者 | 核子可乐、丁晓昀Bun 团队已经为其 JavaScript/TypeScript 运行时公布了 1.0 稳定版,正式版在速度、集成度和兼容性等方面均做出了强有力的承诺。项目缔造者 Jarre...

ES6基础——环境构建、任务自动化、服务器搭建

1. 为什么学习 ES6 需要构建环境1. 因为 ES6 一些语法, 在浏览器中是不能直接运行的 。2. 环境构建内容:1. 基础架构 1. 项目需要放置那些目录 。 2. 那些目录放置那...

Node.js 24已发布,并将于10月转为LTS长期支持版本

Node.js 24 相较于当前LTS版本 Node.js 22 引入了许多新功能、性能改进和重大变化。1. V8 引擎升级Node.js 24: 升级到 V8 13.6(Node.js 22 使用...

苹果这个新的稳定平台适合用户/开发者测试

苹果好低调地就发布了这个平台,还好我们没有错过。从今天起你将有一种新的、更简便的方式去了解,Safari 和其他使用 Webkit 的应用中将有什么特性和完善。Safari Technology Pr...

Bun.js 太强了,每秒处理 129 万个请求!

近期,Bun 发布了 v1.1.25 版本,并高调宣布在最新的性能测试中,每秒可以处理 129 万个 HTTP 请求,我们一起来看看这个版本究竟做了哪些改进吧。node:cluster 支持Bun 现...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。