feat: Add multi-stage Dockerfile for production build and Nginx serving with configurable Vite environment variables.

Author: rohitmane-dev

eta-web/Dockerfile

@@ -5,23 +5,56 @@
 # syntax=docker/dockerfile:1
 
 # ---------- Stage 1: Build the React app ----------
+
+    # ---------- Stage 1: Build the React app ----------
 FROM node:22-alpine AS build
 
 WORKDIR /app
 
-# Copy package files (layer caching)
 COPY package.json package-lock.json ./
-
 RUN npm install --legacy-peer-deps && npm cache clean --force
 
-# Copy source code
 COPY . .
 
+# 👇 ADD THESE LINES 👇
+ARG VITE_API_URL
+ARG VITE_FIREBASE_API_KEY
+ARG VITE_FIREBASE_AUTH_DOMAIN
+ARG VITE_FIREBASE_PROJECT_ID
+ARG VITE_FIREBASE_STORAGE_BUCKET
+ARG VITE_FIREBASE_MESSAGING_SENDER_ID
+ARG VITE_FIREBASE_APP_ID
+ARG VITE_FIREBASE_MEASUREMENT_ID
+
+ENV VITE_API_URL=$VITE_API_URL
+ENV VITE_FIREBASE_API_KEY=$VITE_FIREBASE_API_KEY
+ENV VITE_FIREBASE_AUTH_DOMAIN=$VITE_FIREBASE_AUTH_DOMAIN
+ENV VITE_FIREBASE_PROJECT_ID=$VITE_FIREBASE_PROJECT_ID
+ENV VITE_FIREBASE_STORAGE_BUCKET=$VITE_FIREBASE_STORAGE_BUCKET
+ENV VITE_FIREBASE_MESSAGING_SENDER_ID=$VITE_FIREBASE_MESSAGING_SENDER_ID
+ENV VITE_FIREBASE_APP_ID=$VITE_FIREBASE_APP_ID
+ENV VITE_FIREBASE_MEASUREMENT_ID=$VITE_FIREBASE_MEASUREMENT_ID
+# 👆 END ADD 👆
+
+RUN npm run build
+
+# FROM node:22-alpine AS build
+
+# WORKDIR /app
+
+# # Copy package files (layer caching)
+# COPY package.json package-lock.json ./
+
+# RUN npm install --legacy-peer-deps && npm cache clean --force
+
+# Copy source code
+# COPY . .
+
 # Copy the .env file for Vite build
 # This file should be created before docker build with the VITE_* vars
 # COPY .env.docker .env
 
-RUN npm run build
+# RUN npm run build
 
 # ---------- Stage 2: Serve with Nginx ----------
 FROM nginx:alpine AS serve