diff --git a/frontend/nginx.conf b/frontend/nginx.conf
index fa7cc81..5e86569 100644
--- a/frontend/nginx.conf
+++ b/frontend/nginx.conf
@@ -5,4 +5,16 @@ server {
     root /usr/share/nginx/html;
     try_files $uri /index.html;
   }
+
+  location /api/ {
+    proxy_pass http://backend:8080/;
+    proxy_http_version 1.1;
+
+    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;
+
+    proxy_cookie_path / "/; SameSite=Lax";
+  }
 }
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 4d99855..19d5644 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 
-const API = "http://localhost:8080";
+const API = "/api";
 
 async function api(path, opts = {}) {
   const res = await fetch(API + path, {