我正在尝试添加一个SQL查询，以从Postgres数据库填充Next.js页面。我让它工作了一段时间，但我似乎把它弄坏了。我把问题追溯到了这一行：

import { Client } from 'pg';

这基本上导入了一个Postgres客户端，我可以使用它来连接到本地Postgres数据库。当这一行位于我的index.js的顶部时，当我导航到页面或尝试构建时，我会得到错误"Module not found: Can't resolve 'fs"（完整的堆栈跟踪显示fs被pg包含）。
当我注解掉它时，错误就消失了。
通过搜索，我认为这与服务器端代码包含在客户端代码中有关。然而，导入语句必须放在文件的顶部，所以我不知道如何避免这种情况。
我的Postgres代码的 * 其余部分 * 在getServerSideProps中，但是我不能像我提到的那样将import语句移动到那里：

import { Client } from 'pg';
export async function getServerSideProps(context) {

  const client = new Client({
    host: '...', ...
  })

  await client.connect()
 
  const res = await client.query(
    "SELECT blogpost_content FROM ..."
  )
  await client.end()

  const dbmsg = res.rows[0].blogpost_content;
  return {
    props: {
      dbmsg
    },
  };
}

我做错了什么？我是next.js的新手，所以看起来我可能选择了错误的连接到数据库的方式。然而，这并没有包括在我下面的教程中，所以我有点即兴发挥。欢迎所有大大小小的建议！