Menu

dynamicIO

dynamicIO 标志是 Next.js 中的一个实验性功能,它会使 App Router 中的数据获取操作从预渲染中排除,除非它们被显式缓存。这对于优化服务器组件中动态数据获取的性能很有帮助。

如果你的应用需要在运行时获取新鲜数据而不是从预渲染缓存中提供数据,这个功能会很有用。

预期会与 use cache 一起使用,这样你的数据获取默认会在运行时发生,除非你使用 use cache 在页面、函数或组件级别定义应用程序的特定部分需要被缓存。

用法

要启用 dynamicIO 标志,在 next.config.ts 文件的 experimental 部分将其设置为 true

next.config.ts
import type { NextConfig } from 'next'
 
const nextConfig: NextConfig = {
  experimental: {
    dynamicIO: true,
  },
}
 
export default nextConfig

当启用 dynamicIO 时,你可以使用以下缓存函数和配置:

注意事项

  • 虽然 dynamicIO 可以通过确保在运行时获取新鲜数据来优化性能,但与提供预渲染内容相比,它可能会带来额外的延迟。