从PostgreSQL数据库访问Next.js中的数据？

// 1. 安装依赖
// 使用npm安装pg库
npm install pg

// 2. 配置数据库连接
// 在项目中创建一个config.js文件，存储数据库连接信息
const config = {
  host: 'localhost',
  port: 5432,
  database: 'mydatabase',
  user: 'myuser',
  password: 'mypassword'
};

// 3. 编写数据库查询代码
// 在页面组件中编写数据库查询代码
import { Pool } from 'pg';

const pool = new Pool(config);

async function getDataFromDatabase() {
  const client = await pool.connect();
  try {
    const result = await client.query('SELECT * FROM mytable');
    return result.rows;
  } finally {
    client.release();
  }
}

// 4. 在Next.js页面中使用数据
// 在页面组件的getInitialProps方法中执行数据库查询代码，并将查询结果作为props传递给页面组件
function MyPage({ data }) {
  return (
    <div>
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
}

MyPage.getInitialProps = async () => {
  const data = await getDataFromDatabase();
  return { data };
};

export default MyPage;