diff --git a/README.md b/README.md
index 1332c50..444dcda 100644
--- a/README.md
+++ b/README.md
@@ -9,6 +9,11 @@ I also implemented a minimal **frontend prototype** using **Svelte** for learnin
 
 ---
 
+## Demo
+
+- Frontend: [https://auth-demo-sage.vercel.app/](https://auth-demo-sage.vercel.app/)
+- Backend Swagger: [https://auth-demo-x0sd.onrender.com/api/docs/index.html](https://auth-demo-x0sd.onrender.com/api/docs/index.html)
+
 ## Features
 
 Currently supported features include:
diff --git a/frontend/src/lib/config/config.ts b/frontend/src/lib/config/config.ts
index b0e1788..05ebbb6 100644
--- a/frontend/src/lib/config/config.ts
+++ b/frontend/src/lib/config/config.ts
@@ -1,4 +1,6 @@
+import { PUBLIC_API_BASE_URL, PUBLIC_API_HEALTH_CHECK_URL } from '$env/static/public';
+
 export const cfg = {
-	apiBaseUrl: import.meta.env.VITE_API_BASE_URL || 'http://localhost:3003/api/users',
-	apiHealthCheckUrl: import.meta.env.VITE_API_HEALTH_CHECK_URL || 'http://localhost:3003/api/ping'
+	apiBaseUrl: PUBLIC_API_BASE_URL || 'http://localhost:3003/api/users',
+	apiHealthCheckUrl: PUBLIC_API_HEALTH_CHECK_URL || 'http://localhost:3003/api/ping'
 };