AWS AmplipyにデプロイしたNext.jsのMiddlewareで、環境変数を参照する

AWS Amplipyで環境変数を設定しても、デプロイしたNext.jsのMiddlewareで環境変数が参照されなかったので備忘録です。

next.configで以下のようにすれば読み込まれました。

Next.js

const nextConfig = {
    // =====省略
    env: {
        HOGE: process.env.HOGE,
    }
}

Vercelだと特に上記のようなことをしなくてもVercelの管理画面から設定した環境変数が参照されたので少し焦りました^^;