containerize_frontend_component/#392

Signed-off-by: Noa <[email protected]>

Author: noalimoy

workspaces/frontend/.dockerignore

@@ -0,0 +1,43 @@
+# ---------- Builder stage ----------
+FROM node:20-slim AS builder
+
+# Set working directory
+WORKDIR /usr/src/app
+
+# Copy package files to the container
+COPY package*.json ./
+
+# Install the dependencies and build
+RUN npm cache clean --force
+RUN npm ci
+
+# Copy source code
+COPY . .
+
+# Build the application
+RUN npm run build:prod
+
+
+# ---------- Production stage ----------
+FROM nginx:alpine
+
+# Copy built assets from builder stage
+COPY --from=builder /usr/src/app/dist /usr/share/nginx/html
+
+COPY nginx.conf /etc/nginx/nginx.conf
+
+# Prepare directories with correct ownership for nginx user
+RUN mkdir -p /var/cache/nginx/client_temp /var/run && \
+    chown -R 65532:65532 /var/cache/nginx /var/run
+
+# Switch to non-root user
+USER 65532:65532
+
+# Expose port
+EXPOSE 8080
+
+# Set environment variables
+ENV PORT=8080
+
+# Start the production server
+CMD ["nginx", "-g", "daemon off;"]

workspaces/frontend/Dockerfile

@@ -0,0 +1,29 @@
+
+worker_processes  1;
+
+error_log  /var/log/nginx/error.log warn;
+pid        /tmp/nginx.pid;
+
+events {
+  worker_connections 1024;
+}
+
+http {
+    log_format  main  '$remote_addr - $remote_user [$time_local] - $http_x_api_version - $upstream - "$request" '
+                        '$status $body_bytes_sent "$http_referer" '
+                        '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;    
+
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    server {
+        listen       8080;
+
+        location / {
+        root   /usr/share/nginx/html;
+        index  index.html;
+        }
+    }
+}