Multistage Dockerfile

A dev és a prod is tud működni docker imagekből, de erre kellett két dockerfile

Dockerfile

@@ -1,4 +1,7 @@
-FROM node:20-alpine
+# ================
+# 1. BUILD STAGE
+# ================
+FROM node:20-alpine AS build
 
 WORKDIR /usr/src/app
 
@@ -6,6 +9,26 @@ COPY package*.json ./
 
 RUN npm install
 
-EXPOSE 5173
+COPY . .
 
-# A futtatási parancsot a compose adja
+ARG VITE_BACKEND_API_HOST=http://telefonkonyv-api
+ARG VITE_BACKEND_API_PORT=3000
+ENV VITE_BACKEND_API_HOST=${VITE_BACKEND_API_HOST}
+ENV VITE_BACKEND_API_PORT=${VITE_BACKEND_API_PORT}
+
+RUN npm run build
+
+# =================
+# 2. RUNTIME STAGE
+# =================
+FROM nginx:1.27-alpine
+
+RUN rm /etc/nginx/conf.d/default.conf
+
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+COPY --from=build /usr/src/app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]