令人兴奋的消息：Next.js 候选版本已经发布！

发表者：

• 德尔巴·德·奥利维拉（@delba_oliveira）
• 扎克坦纳（@zt1072）

新功能和更新

Next.js 15 候选版本 (RC) 现已可供早期采用者在正式发布之前探索最新增强功能并提供反馈。

React 19 RC 集成

• 支持 React 19 RC： 现在，您可以利用 React 19 的最新功能，包括 Actions，进行客户端和服务器端操作。
• React 编译器（实验性）： 来自 Meta 的新实验性编译器，减少了对 useMemo 和 useCallback 等手动优化的需要。

增强的缓存机制

• 缓存更新： 默认情况下不再缓存获取请求、GET 路由处理程序和客户端导航，从而增强了动态数据处理。
• 细粒度控制：在必要时轻松选择缓存，确保最佳性能。

部分预渲染（实验性）

• 增量采用： 新的布局和页面配置选项允许逐步采用部分预渲染，无缝混合静态和动态渲染。

下一个/之后（实验性）

• 响应后代码执行： 一种新颖的 API，用于在响应完成流式传输后执行日志记录和分析等任务，从而提高效率。

创建下一个应用程序增强功能

• 更新的设计和功能：用于在本地开发中启用 Turbopack 并以最少的设置启动项目的新标志。

捆绑外部包（稳定）

• 优化捆绑： 用于在 App 和 Pages Router 中捆绑外部包的新配置选项，增强冷启动性能。

立即尝试 Next.js 15 RC！

首先，使用以下命令安装候选版本：

npm安装next@rcreact@rcreact-dom@rc

有关详细文档，请访问 rc.nextjs.org/docs，直至 Next.js 15 正式发布。

React 编译器（实验）设置：

安装 Babel 插件：

npm 安装 babel-plugin-react-compiler

在 next.config.js 中添加实验配置：

const nextConfig = {
  实验：{
    反应编译器：正确，
  },
};

module.exports = nextConfig;

可选：以“选择加入”模式配置编译器：

const nextConfig = {
  实验：{
    反应编译器：{
      编译模式: '注释',
    },
  },
};

module.exports = nextConfig;

水合错误改进

基于 Next.js 14.1 的增强功能，Next.js 15 现在提供改进的水合错误视图，提供源代码见解和解决问题的建议。

万兴爱画

万兴爱画AI绘画生成工具

52

查看详情

详细的缓存更改

Next.js 15 引入了对缓存默认值的重大更改：

• 获取请求： 现在默认使用 no-store，确保获取最新的数据。
• GET 路由处理程序： 默认情况下不再缓存。
• 客户端路由器缓存：页面组件反映最新数据，而共享布局数据和导航行为则针对性能进行了优化。

选择加入缓存选项：

const nextConfig = {
  实验：{
    过时时间：{
      动态：30，
    },
  },
};

module.exports = nextConfig;

部分预渲染采用

使用experimental_ppr选项，您可以针对特定布局和页面逐步采用部分预渲染，从而实现静态和动态渲染的无缝混合。

用法示例：

从“react”导入{Suspense}；
从“@/app/ui”导入{ StaticComponent，DynamicComponent }；

导出常量experimental_ppr = true;

导出默认函数 Page() {
  返回 （
    <>
      <静态组件/>
      <悬念回退={...}>
        <动态组件/>
      </悬念>
    </>
  ）；
}

更新 next.config.js 以逐步采用：

const nextConfig = {
  实验：{
    ppr: '增量',
  },
};

module.exports = nextConfig;

使用 next/after 执行响应后代码

使用 after() API 优化辅助任务而不阻塞主要响应：

从'next/server'导入{unstable_after as after}；
从'@/app/utils'导入{log}；

导出默认函数Layout({children}){
  之后（（）=> {
    日志（）;
  });

  返回<>{孩子}</>；
}

其他显着变化

• 重大变更： 最低 React 版本现在是 19 RC，删除了 smoosh，转而使用 Sharp for next/image，以及其他一些更新。
• 改进： 增强的元数据处理、优化的 tree-shaking 和细化的并行路由。
• 文档和配置更新：改进了身份验证和环境变量的文档。

有关更改的完整列表，请查看升级指南。

加入社区并分享您的反馈

深入研究 Next.js 15 RC 并让我们知道您的想法。您的反馈有助于塑造 Next.js 的未来！

随着 Next.js 15 正式发布，请继续关注更多更新！

以上就是令人兴奋的消息：Next.js 候选版本已经发布！的详细内容，更多请关注php中文网其它相关文章！