当前位置：首页 > 科技 > 软件

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

来源：责编：时间：2024-06-12 17:32:23 73观看

导读Next.js 15 来了，让全栈Web应用开发变得比以往任何时候都更简单高效！全新的编译器、700倍的构建速度提升，创建高性能的全栈Web应用从未如此轻松。让我们一起来探索一下 v15 的最新特性：1.create-next-app 升级：更简洁的UI，7

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

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

1.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 带来的五大变革性新功能。你是否已经迫不及待想要试试这些新特性了呢？

本文链接：http://www.28at.com/showinfo-26-93371-0.htmlNext.js 15 来了，全新的编译器、700倍的构建速度提升

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： C#中轻松实现二维码和条形码识别：OpenCvSharp和ZXing详细教程

下一篇：提高能效，用Rust写代码

标签：

热门焦点

学习JavaScript的10个理由...

作者 | Simplilearn编译 | 王瑞平当你决心学习一门语言的时候，很难选择到底应该学习哪一门，常用的语言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
虚拟键盘 API 的妙用

你是否在遇到过这样的问题：移动设备上有一个固定元素，当激活虚拟键盘时，该元素被隐藏在了键盘下方？多年来，这一直是 Web 上的默认行为，在本文中，我们将探讨这个问题、为什么会发生
Temu起诉SHEIN，跨境电商战事升级

来源 | 伯虎财经（bohuFN）作者 | 陈平安日前据外媒报道，拼多多旗下跨境电商平台Temu正对竞争对手SHEIN提起新诉讼，诉状称Shein“利用市场支配力量强迫服装厂商与之签订独家
“又被陈思诚骗了”

作者｜张思齐出品｜众面（ID：ZhongMian_ZM）如今的国产悬疑电影，成了陈思诚的天下。最近大爆电影《消失的她》票房突破30亿断层夺魁暑期档，陈思诚再度风头无两。你可以说陈思诚的
阿里大调整

来源：产品刘有媒体报道称，近期淘宝天猫集团启动了近年来最大的人力制度改革，涉及员工绩效、层级体系等多个核心事项，目前已形成一个初步的“征求意见版”：1、取消P序列
冯提莫签约抖音公会前“斗鱼一姐”消失在直播间

来源：直播观察提起“冯提莫”这个名字，很多网友或许听过，但应该不记得她是哪位主播了。其实，作为曾经的“斗鱼一姐”，冯提莫在游戏直播的年代影响力不输于现
苹果公司要求三星和LG Display生产「无边框」OLED iPhone显示屏

据 The Elec 报道，苹果已要求其供应商为未来的 iPhone 型号开发「无边框」OLED 显示面板。苹果显然已要求三星和 LG Display 开发新的 OLED 显示面
iQOO Neo8系列或定档5月23日：首发天玑9200+ 安卓跑分王者

去年10月，iQOO推出了iQOO Neo7系列机型，不仅搭载了天玑9000+，而且是同价位唯一一款天玑9000+直屏旗舰，一经上市便受到了用户的广泛关注。在时隔半年后，
SN570 NVMe SSD固态硬盘价格与性能兼具

SN570 NVMe SSD固态硬盘是西部数据发布的最新一代WD Blue系列的固态硬盘，不仅闪存技术更为精进，性能也得到了进一步的跃升。WD Blue SN570 NVMe SSD的包装外