服务端与客户端组件

按「要不要数据和要不要交互」划边界:数据与秘密留在服务端组件,交互下沉到 use client 客户端组件,客户端依赖越少包越小。

Next.js核心约 25 分钟
开始学习
学习目标
  • 按数据和交互需要决定组件放在服务端还是客户端
  • 验证秘密(密钥、数据库代码)只出现在服务端,不进入浏览器包
  • 让服务端组件引用客户端组件并通过可序列化 props 传值
相关练习
知识点
服务端组件客户端组件use client组件边界

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...