Self-hosted SSR · OCI Ampere A1/◐ 部分预渲染 · 流式传输
RSC Lab家庭基础设施仪表盘
静态外壳先发出，四个数据区块在各自 Suspense 边界里按模拟后端耗时分批传输。所有指标为模拟演示数据。
模式 读取模式…切换瀑布 ↓
节点概览 · 等待分批传输
模拟后端 500ms此区块在独立 Suspense 边界内，数据就绪后由服务器在同一响应里分批传输，不阻塞其它区块。
全球出口延迟 · 等待分批传输
模拟后端 1100ms此区块在独立 Suspense 边界内，数据就绪后由服务器在同一响应里分批传输，不阻塞其它区块。
流量趋势 · 等待分批传输
模拟后端 1800ms此区块在独立 Suspense 边界内，数据就绪后由服务器在同一响应里分批传输，不阻塞其它区块。
服务健康巡检 · 等待分批传输
模拟后端 2600ms此区块在独立 Suspense 边界内，数据就绪后由服务器在同一响应里分批传输，不阻塞其它区块。
静态外壳（use cache · 构建期预渲染）
Next.js 16.4.5 · React 19.3.1
Next.js 16 + React Server Components，自托管在 panpan-oci-2，由现有域名与 Caddy 提供 HTTPS。
- Server Components 默认
- Cache Components + use cache
- Server Actions (useActionState)
- Suspense 流式渲染
- React Compiler 1.0
- proxy.ts 请求边界
Server Action
留言簿
提交后由服务端函数直接处理，不经过客户端 fetch。
Client Island · useOptimistic
客户端交互
只有这一个组件（及留言簿表单、瀑布监控）的 JS 会进入浏览器包；页面其余部分全在服务端渲染。
乐观更新立即反馈，真实状态由 React transition 收敛。