diff --git a/app/auth/login/page.tsx b/app/auth/login/page.tsx
index 063ccd5..92442b0 100644
--- a/app/auth/login/page.tsx
+++ b/app/auth/login/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, FormEvent } from 'react';
+import { useState, FormEvent, useEffect } from 'react';
 import { useAuth } from '@/lib/auth';
 import { API_URL } from '@/lib/api';
 import { Button } from '@/components/ui/button';
@@ -13,6 +13,11 @@ const LoginPage = () => {
     const [error, setError] = useState('');
     const auth = useAuth();
     const [isLoggedIn, setIsLoggedIn] = useState(false); 
+
+    useEffect(() => {
+      console.log("API URL from env:", process.env.NEXT_PUBLIC_API_URL);
+      console.log("Test var from env:", process.env.NEXT_PUBLIC_TEST_VAR);
+  }, []);
   
     const handleSubmit = async (e: FormEvent) => {
       e.preventDefault();
diff --git a/next.config.js b/next.config.js
index a156acd..e37a456 100644
--- a/next.config.js
+++ b/next.config.js
@@ -3,6 +3,7 @@ const nextConfig = {
   reactStrictMode: true,
   env: {
     NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
+    NEXT_PUBLIC_TEST_VAR: 'This is a test',
   },
 };