Configured frontend during image build

README.md

@@ -107,6 +107,10 @@ Poniżej lista zmiennych środowiskowych dla backendu:
 | `TODOLIST_ADMIN_PASSWORD` | ❌        | Hasło domyślnego administratora aplikacji (zalecane). |
 | `FRONTEND_ORIGIN`         | ✅        | Adres URL frontendu (np. `http://localhost:5173`) do ustawienia CORS/cookies (wymagany do połączenia frontendu z API, można podać więcej adresów rozdzielając je przecinkiem)                     |
 
+Poniżej lista zmiennych środowiskowych dla frontendu:
+| Nazwa                     | Wymagana | Opis                                                                                             |
+| ------------------------- | -------- | ------------------------------------------------------------------------------------------------ |
+| `VITE_API_URL`            | ✅       | Adres URL backendu, z którym komunikuje się frontend. Ustawiany w pliku `frontend/frontend.dockerfile` przed zbudowaniem kontenera. |
 ---
 
 ## 📅 Dalsze kroki

frontend/frontend.dockerfile

@@ -4,7 +4,7 @@ WORKDIR /app
 COPY package*.json ./
 RUN npm install
 COPY . .
-RUN npm run build
+RUN VITE_API_URL="http://localhost:5000" npm run build
 
 # Etap 2: Nginx
 FROM nginx:alpine

frontend/src/api/api.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 import Cookies from "js-cookie";
 
-const API_URL = "http://localhost:5000";
+const API_URL = import.meta.env.VITE_API_URL;
 
 const api = axios.create({
   baseURL: API_URL,