diff --git a/admin/.env.example b/admin/.env.example
new file mode 100644
index 0000000..34b3ab5
--- /dev/null
+++ b/admin/.env.example
@@ -0,0 +1 @@
+PORT=PORT_NUMBER
\ No newline at end of file
diff --git a/admin/.gitignore b/admin/.gitignore
index a547bf3..df270be 100644
--- a/admin/.gitignore
+++ b/admin/.gitignore
@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Environment variable
+.env
\ No newline at end of file
diff --git a/admin/package-lock.json b/admin/package-lock.json
index e64dcad..10fde97 100644
--- a/admin/package-lock.json
+++ b/admin/package-lock.json
@@ -27,6 +27,7 @@
         "@types/react": "^19.1.13",
         "@types/react-dom": "^19.1.9",
         "@vitejs/plugin-react": "^5.0.0",
+        "dotenv": "^17.2.3",
         "eslint": "^9.33.0",
         "eslint-plugin-react-hooks": "^5.2.0",
         "eslint-plugin-react-refresh": "^0.4.20",
@@ -2342,6 +2343,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/dotenv": {
+      "version": "17.2.3",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.3.tgz",
+      "integrity": "sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.214",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.214.tgz",
diff --git a/admin/package.json b/admin/package.json
index 003dcc8..e9d4922 100644
--- a/admin/package.json
+++ b/admin/package.json
@@ -31,6 +31,7 @@
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^5.0.0",
+    "dotenv": "^17.2.3",
     "eslint": "^9.33.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
diff --git a/admin/src/configs/envConfig.ts b/admin/src/configs/envConfig.ts
new file mode 100644
index 0000000..74a6a1e
--- /dev/null
+++ b/admin/src/configs/envConfig.ts
@@ -0,0 +1,9 @@
+import dotenv from 'dotenv';
+
+dotenv.config();
+
+const envConfig = {
+  PORT: process.env.PORT || 3359,
+};
+
+export default envConfig;