Next.js 14 的组件边界与渲染选择

先看数据和交互

组件应该放在服务端还是客户端，首先取决于它是否需要浏览器状态和用户交互。如果只是读取数据并渲染 HTML，服务端组件通常更简单。

控制客户端边界

客户端组件越靠近叶子节点，打包体积越容易控制。把交互按钮、表单和状态区域拆小，比把整个页面标记成客户端组件更稳。

渲染选择

静态渲染适合内容稳定的页面，动态渲染适合依赖请求上下文的数据。不要为了追求单一模式牺牲可维护性。

总结

组件边界是一种工程取舍。清楚数据来源、交互需求和缓存策略，选择就会自然很多。