Search Docs
K
旧版博客
标签
分类
归档
旧版博客
标签
分类
归档
Menu
Overview
Filter
Nextjs
NextJS基础
路由
Streaming
Cache
Action
水合问题
水合(Hydration)
水合问题(Hydration Mismatch)
水合问题解决方案
useEffect + mountedState 控制
Data Down
suppressHydrationWarning
next/dynamic关闭 SSR(Client Only)
props 序列化问题
SuperJSON 解决序列化问题
Tailwind CSS
tailwindcss.config.js
动态类名丢失问题
类名优先级问题
Next.js 登录态无闪烁渲染(Hydration Flicker Free)
TL;DR
这个问题为什么会出现
Demo 目标
Demo 目录
Step 1: 水合前写入
data-user-status
Step 2: Tailwind 增加用户态变体
Step 3: 用 CSS 分流登录入口和头像
Step 4: 登录/登出后实时更新
效果验证
方案二:组件始终渲染 + CSS 类名控制显隐
这个方案的代价
工程化建议
结论
page-router
SSR RSC Streaming Flight
SSR
RSC
Streaming
Flight
Pages Router 一无所有