Environment Variables Not Working After Project Build

[mamun2519]

Reproduction

Description:
I am facing an issue where environment variables defined in the .env file at the project root are not working after building the project.

Steps to Reproduce:

Define environment variables in a .env file at the project root:

PORT=3000  
MONGODB_URI=xyz  

Configure dotenv in vite.config.js as follows:

import dotenv from "dotenv";  
import path from "path";  

// dotenv.config({ path: "./.env" });  
dotenv.config({ path: path.join(process.cwd(), "/.env") });  

declare module "@remix-run/node" {  
  interface Future {  
    v3_singleFetch: true;  
  }  
}  

Build the project.

System Info

Remix Framework Version: remix v2
Node.js Version: >=20.0.0
Operating System: Ubuntu 24.04.1 LTS

Used Package Manager

npm

Expected Behavior

The environment variables should be available and properly loaded after building the project.

Actual Behavior

The environment variables do not work as expected after the project is built.

Additional Context:
I suspect this might be related to how dotenv or Remix handles environment variables during the build process. Please let me know if additional configurations are needed.

[sergiodxa]

In Remix, dotenv is only used on development, when running your app in production mode after building it it won't use dotenv automatically for your

You can manually use dotenv in production if you want but the recommendation (even from the authors of the .env file) is to only use it for dev and in production use actual env variables in your system.

[mamun2519]

I appreciate your help. am resolving this issue.