Dockerfile-Frontend

# Dockerfile

# Stage 1: Build the application
FROM node:22-alpine AS build

ARG repo_path=/home/node/
ARG build_path=frontend/
ARG shared_path=shared/

# Copy package files and install shared dependencies
WORKDIR ${repo_path}${shared_path}
COPY ${shared_path}package*.json ./
RUN npm install

# Copy package files and install frontend dependencies
WORKDIR ${repo_path}${build_path}
COPY ${build_path}package*.json ./
RUN npm install

# Copy all source code
COPY ${build_path} .

# Copy shared resources
COPY ${shared_path} ${repo_path}${shared_path}

RUN npm run build  # Assumes build files are generated in /app/dist or /app/build

# Stage 2: Serve the built app with Nginx
FROM nginx:alpine

ARG repo_path=/home/node/
ARG build_path=frontend/
ARG shared_path=shared/

# Copy built files from the previous stage
COPY --from=build ${repo_path}${build_path}/dist /usr/share/nginx/html

# Copy a custom Nginx configuration file to handle SPA routing (optional)
COPY ${build_path}nginx.conf /etc/nginx/conf.d/default.conf

# Expose Nginx's default HTTP port
EXPOSE 80

# Run Nginx in the foreground
CMD ["nginx", "-g", "daemon off;"]