我正在尝试使用 Next.js 13.4 和新的 app/ 目录来了解服务器端渲染。据我了解，默认情况下每个组件都是一个服务器组件（即在服务器端呈现）。

但是，我们可以使用 'use client' 指令来强制将组件变成客户端组件。

下面，我设置了一个简单的“Hello World”组件，首先作为服务器组件，然后作为客户端组件。在每种情况下，我都会比较页面源代码。

src/app/page.js（服务器组件）

导出默认函数 Home() { 返回 （
      <主要>
       
你好世界
 ） }

Chrome> 查看来源页面代码

;  <头>
        
        <元名称=“视口”内容=“宽度=设备宽度，初始比例= 1”/> />; 
        <正文>
         <主要>
          
你好世界
;;; <脚本>self.__next_f.push([1, "0:"$L1"n"])  
  
 
Hello World