diff --git a/docker-compose.yml b/docker-compose.yml
index 671681e..c9592bb 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -2,8 +2,8 @@ services:
   backend:
     image: git.out.jafre.li/jafreli/dashboard-backend:latest
     container_name: dashboard-backend
-    ports:
-      - "8080:8080"
+    # ports:
+    #   - "8080:8080"
     restart: unless-stopped
     volumes:
       - ./data/dashboard.db:/root/dashboard.db
diff --git a/frontend/nginx.conf b/frontend/nginx.conf
index f11bf52..3f700b2 100644
--- a/frontend/nginx.conf
+++ b/frontend/nginx.conf
@@ -13,4 +13,17 @@ server {
     # This is the key for making client-side routing work.
     try_files $uri $uri/ /index.html;
   }
+
+  # Add a new location block to proxy API requests
+  location /api/ {
+    # Forward the request to the backend service.
+    # The name 'backend' is resolved by Docker's internal DNS.
+    proxy_pass http://backend:8080;
+
+    # Set headers to pass along client information to the backend
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
 }
diff --git a/frontend/src/app/services/api.ts b/frontend/src/app/services/api.ts
index 7d9ac6a..cb7f356 100644
--- a/frontend/src/app/services/api.ts
+++ b/frontend/src/app/services/api.ts
@@ -7,7 +7,7 @@ import { Item } from '../models/item';
   providedIn: 'root'
 })
 export class ApiService {
-  private apiUrl = 'http://localhost:8080/api/items';
+  private apiUrl = '/api/items';
 
   constructor(private http: HttpClient) { }