next.js 环境变量未定义（Next.js 10.0.5）

我正在使用 Next.js 编写一个网站，并尝试添加谷歌标签管理器。
我按照 Next.js Github 示例上的教程进行操作，但由于某些原因我无法访问我的环境变量。
它说我的变量未定义。
我在项目文件夹中创建了一个文件 .env.local （与组件、node_modules、页面等处于同一级别）
在这个文件中，我创建了一个像这样的变量（测试目的）：

NEXT_PUBLIC_DB_HOST=localhost

在我的索引页上我尝试了以下代码：

console.log("test ", process.env.NEXT_PUBLIC_DB_HOST);

但在我的控制台中，我收到“测试未定义”。
我尝试将变量放入 .env 文件中，但没有成功。
我做错了什么？

该环境仅适用于服务器端。要在客户端访问此环境，您需要在 next.config.js 中声明

这边走：

module.exports = {
  reactStrictMode: true,
  env: {
    BASE_URL: process.env.BASE_URL,
  }
}