nextConfig environment variables not working

[lnlyct]

Summary

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: "standalone",
  transpilePackages: ["next-mdx-remote"],
  images: {
    unoptimized: true,
  },
  env: {
    NEXT_PUBLIC_VERSION: env.NEXT_PUBLIC_VERSION,
    NEXT_PUBLIC_ENVIRONMENT: env.NEXT_PUBLIC_ENVIRONMENT,
    NEXT_PUBLIC_BUILD_DATE: env.NEXT_PUBLIC_BUILD_DATE,
    NEXT_PUBLIC_GIT_COMMIT: env.NEXT_PUBLIC_GIT_COMMIT,
  },
}

export default nextConfig;

My next.config.mjs file has public environment variables, but theyre not showing up in the app. I have set PUBLIC, but still not getting anything. This is probably a stupid question, but I dont know what im overlooking. Thank you

Additional information

No response

Example

No response

[timmypidashev]

You missed the process argument. This should resolve your environment variables properly if you declared them.

Corrected:

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: "standalone",
  transpilePackages: ["next-mdx-remote"],
  images: {
    unoptimized: true,
  },
  env: {
    NEXT_PUBLIC_VERSION: process.env.NEXT_PUBLIC_VERSION,
    NEXT_PUBLIC_ENVIRONMENT: process.env.NEXT_PUBLIC_ENVIRONMENT,
    NEXT_PUBLIC_BUILD_DATE: process.env.NEXT_PUBLIC_BUILD_DATE,
    NEXT_PUBLIC_GIT_COMMIT: process.env.NEXT_PUBLIC_GIT_COMMIT,
  },
}

export default nextConfig;