diff --git a/.env.local b/.env.localhost
similarity index 100%
rename from .env.local
rename to .env.localhost
diff --git a/package.json b/package.json
index 1ce7fce..1c7d32d 100644
--- a/package.json
+++ b/package.json
@@ -5,16 +5,16 @@
   "type": "module",
   "scripts": {
     "dev": "vite --mode dev",
-    "local": "vite --mode local",
+    "local": "vite --mode localhost",
     "test": "vite --mode test",
     "uat": "vite --mode uat",
     "build:dev": "tsc -b && vite build --mode dev",
-    "build:local": "tsc -b && vite build --mode local",
+    "build:local": "tsc -b && vite build --mode localhost",
     "build:test": "tsc -b && vite build --mode test",
     "build:uat": "tsc -b && vite build --mode uat",
     "lint": "eslint .",
     "preview:dev": "vite preview --mode dev",
-    "preview:local": "vite preview --mode local",
+    "preview:local": "vite preview --mode localhost",
     "preview:test": "vite preview --mode test",
     "preview:uat": "vite preview --mode uat"
   },
diff --git a/vite.config.ts b/vite.config.ts
index baafdc3..8b54b52 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 
@@ -6,7 +6,7 @@ import tailwindcss from '@tailwindcss/vite'
 export default defineConfig(({ mode }) => {
   // Environment-specific configuration
   const envConfig = {
-    local: {
+    localhost: {
       port: 5174,
       strictPort: false,
     },
@@ -24,7 +24,13 @@ export default defineConfig(({ mode }) => {
     },
   }
 
-  const serverConfig = envConfig[mode as keyof typeof envConfig] || envConfig.local
+  const serverConfig = envConfig[mode as keyof typeof envConfig] || envConfig.localhost
+
+  const env = loadEnv(mode, process.cwd(), '')
+  console.log(`\n======================================`)
+  console.log(`🚀 Starting frontend in [${mode}] mode`)
+  console.log(`🔗 Backend API URL: ${env.VITE_API_URL || 'NOT SET'}`)
+  console.log(`======================================\n`)
 
   return {
     plugins: [