接手的项目首屏 JS 1.2MB，扒了下发现一堆组件被无脑标了 'use client'，整片子树都在客户端渲染。
花了两天做了一次清理：
- 把不依赖交互的展示组件改回 server。
- 真正交互的组件下沉到叶子节点。
- 共享 util 区分 server / client 版本。
清理完首屏 JS 掉到 380KB，TTFB 也降了（服务端能预渲染更多）。
关键教训：'use client' 不是 "现代写法"，能用 server 就别加。
大家的 'use client' 卫生做得怎么样？
#Next.js#React
我把所有 'use client' 都删了一遍
回复
暂时没有回复。
Related
相关推荐
讨论
Next.js 现在还适合自托管吗？
社区讨论帖，欢迎分享你的经验和观点。
讨论
我用 Claude Code 写 Next.js 的工作流
分享下我现在的日常流程，不一定最优，但用着顺手。 新功能先让它在 plan 模式下出方案，我确认后再 apply；Server Action 这种容易出错的，强制它先写一个测试用例再写实现；样式部分我手写，不让它碰 Tailwind 类名（它审美不太行）。 最后一步永远是跑 pn
讨论
App Router 迁移半年，聊聊踩过的坑
把一个 Pages Router 项目分批迁到 App Router，前后折腾了快半年。最大的感受是：缓存边界和 "use client" 这两件事，文档轻描淡写，实际占了 80% 的坑。 中间遇到过几次经典翻车： 客户端组件里直接 fetch ，被默认缓存导致数据不刷新。 pa
讨论
Server Components 到底解决了什么问题？
看了不少文章，还是没完全 get 到 RSC 的核心价值。表面说是 "组件在服务端跑"，但 SSR 不也能在服务端跑组件吗？ 我自己理解下来，主要差在两点：RSC 是 "按组件粒度" 决定跑在哪，并且它能直接访问数据源，不用再走一层 API。组件树里零 JS 下发到客户端这点确实