Next.js 公布了关于「Layouts」的 RFC,并表示这将是自 2016 年推出以来的最大更新,主要是讨论 Next.js 中布局、路由和获取数据相关的未来技术方向。
Layouts RFC 主要概述了以下内容:
- 嵌套布局 (Nested Layouts):使用嵌套路由构建复杂应用程序
- 专为服务器组件设计:针对子树导航进行了优化
- 优化数据抓取:在避免数据瀑布流的同时在 layout 进行抓取
- 使用 React 18 特性:Streaming, Transitions 和 Suspense
- 提供客户端和服务端路由:具有类似 SPA行为的以服务器为中心的路由
- 完全支持渐进式采用:不会出现破坏性变更,开发者可以渐进式采用
- 高级路由约定:支持即时转换、Offscreen stashing 等
嵌套布局
使用 React 服务器组件获取和渲染数据
并行获取和渲染
部分获取和渲染
定义路由