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

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

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

E8x28资讯网——每日最新资讯28at.com

Next.js 15 来了,让全栈Web应用开发变得比以往任何时候都更简单高效!E8x28资讯网——每日最新资讯28at.com

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

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

E8x28资讯网——每日最新资讯28at.com

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

这个命令不仅会帮你生成一个新的 Next.js 项目,还会自动配置好 Turbopack,让你直接体验极速构建的快感。E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

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

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

E8x28资讯网——每日最新资讯28at.com

并在 next.config.js 中添加:E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

React 19 支持:E8x28资讯网——每日最新资讯28at.com

引入了客户端和服务器端的 Actions。E8x28资讯网——每日最新资讯28at.com

更好的水合错误处理:E8x28资讯网——每日最新资讯28at.com

开发过程中的错误信息非常重要,Next.js 15 提供了智能的错误修复建议,这对开发者的开发体验有很大提升。E8x28资讯网——每日最新资讯28at.com

以前的错误提示:E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

现在的错误提示:E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

这些智能提示大大减少了开发者解决错误的时间。E8x28资讯网——每日最新资讯28at.com

3. 新的缓存行为

在 Next.js 15 中,不再自动缓存以下内容:E8x28资讯网——每日最新资讯28at.com

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

<Link> 客户端导航。E8x28资讯网——每日最新资讯28at.com

如果你仍然希望缓存 fetch() 请求,可以在 next.config.js 中进行配置:E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

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

Next.js 15 提供了一个全新的 next/after 功能,让你在每个服务器请求中清晰地分离必要任务和非必要任务:E8x28资讯网——每日最新资讯28at.com

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

E8x28资讯网——每日最新资讯28at.com

现在你可以使用 experimental.after 轻松实现这一功能:E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

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

部分预渲染 (PPR) 在同一页面中结合了静态和动态渲染。通过即时加载静态 HTML 并在同一 HTTP 请求中流式传输动态部分,极大地提升了性能。E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

要启用 PPR,只需在 next.config.js 中添加以下配置:E8x28资讯网——每日最新资讯28at.com

E8x28资讯网——每日最新资讯28at.com

结束

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

npx create-next-app@rc

这就是 Next.js 15 带来的五大变革性新功能。你是否已经迫不及待想要试试这些新特性了呢?E8x28资讯网——每日最新资讯28at.com

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

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

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

下一篇: 提高能效,用Rust写代码

标签:
  • 热门焦点
  • 小米平板5 Pro 12.4简评:多专多能 兼顾影音娱乐的大屏利器

    疫情带来了网课,网课盘活了安卓平板,安卓平板市场虽然中途停滞了几年,但好的一点就是停滞的这几年行业又有了新的发展方向,例如超窄边框、高刷新率、多摄镜头组合等,这就让安卓
  • K8S | Service服务发现

    一、背景在微服务架构中,这里以开发环境「Dev」为基础来描述,在K8S集群中通常会开放:路由网关、注册中心、配置中心等相关服务,可以被集群外部访问;图片对于测试「Tes」环境或者
  • 在线图片编辑器,支持PSD解析、AI抠图等

    自从我上次分享一个人开发仿造稿定设计的图片编辑器到现在,不知不觉已过去一年时间了,期间我经历了裁员失业、面试找工作碰壁,寒冬下一直没有很好地履行计划.....这些就放在日
  • WebRTC.Net库开发进阶,教你实现屏幕共享和多路复用!

    WebRTC.Net库:让你的应用更亲民友好,实现视频通话无痛接入! 除了基本用法外,还有一些进阶用法可以更好地利用该库。自定义 STUN/TURN 服务器配置WebRTC.Net 默认使用 Google 的
  • 每天一道面试题-CPU伪共享

    前言:了不起:又到了每天一到面试题的时候了!学弟,最近学习的怎么样啊 了不起学弟:最近学习的还不错,每天都在学习,每天都在进步! 了不起:那你最近学习的什么呢? 了不起学弟:最近在学习C
  • 腾讯VS网易,最卷游戏暑期档,谁能笑到最后?

    作者:无锈钵来源:财经无忌7月16日晚,上海1862时尚艺术中心。伴随着幻象的精准命中,硕大的荧幕之上,比分被定格在了14:12,被寄予厚望的EDG战队以绝对的优势战胜了BLG战队,拿下了总决
  • 2纳米决战2025

    集微网报道 从三强争霸到四雄逐鹿,2nm的厮杀声已然隐约传来。无论是老牌劲旅台积电、三星,还是誓言重回先进制程领先地位的英特尔,甚至初成立不久的新
  • iQOO Neo8 Pro即将开售:到手价3099元起 安卓性能最强旗舰

    5月23日,iQOO如期举行了新品发布会,全新的iQOO Neo8系列也正式与大家见面,包含iQOO Neo8和iQOO Neo8 Pro两个版本,其中标准版搭载高通骁龙8+,而Pro版更
  • 华为举行春季智慧办公新品发布会 首次推出电子墨水屏平板

    北京时间2月27日晚,华为在巴塞罗那举行春季智慧办公新品发布会,在海外市场推出之前已经在中国市场上市的笔记本、平板、激光打印机等办公产品,并首次推出搭载
Top