WHAT - NextJS 系列之 Rendering - Server Components

Next.js 提供了一个名为 "Server Components" 的功能，它允许开发者创建可以在服务器上运行的组件，并且可以直接从服务器接收数据。这样可以在不影响用户体验的情况下，实现服务端渲染的功能。

以下是一个简单的例子，展示如何在 Next.js 中使用 Server Components：

// pages/api/hello.js
export default function Hello() {
  return 'Hello, world!';
}

在这个例子中，我们创建了一个简单的 Server Component，它位于 pages/api 目录下。这个组件返回 'Hello, world!' 字符串。

要注意的是，Server Components 是实验性的特性，需要在 next.config.js 文件中启用：

module.exports = {
  experimental: {
    serverComponents: true,
  },
};

启用后，你可以通过特殊的 API 路径 /api/[...path] 来访问 Server Components，例如：/api/hello。

Server Components 的使用场景通常是需要在服务端处理的复杂逻辑或者需要访问数据库的操作。例如，你可以在 Server Components 中直接连接数据库，查询数据，并将结果返回到客户端。

需要注意的是，Server Components 的使用和普通的 API 路由有所不同，它们的渲染方式和数据获取方式都有所区别。在实际使用中，你需要根据你的应用需求和场景来选择合适的方案。