Refactor to Kubernetes and Helm setup

.github/workflows/cd-deploy.yml

@@ -0,0 +1,82 @@
+# .github/workflows/cd-deploy.yml
+name: CD – Build, Push & Deploy
+
+on:
+  push:
+    branches: [ listOfMed ]
+
+permissions:
+  contents: read
+  packages: write
+
+env:
+  IMAGE_REG: ghcr.io/${{ github.repository_owner }}
+
+jobs:
+  build:
+    name: Build & Push Production Images
+    runs-on: ubuntu-latest
+    outputs:
+      tag: ${{ steps.set-vars.outputs.TAG }}
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Set version tag
+        id: set-vars
+        run: |
+          # e.g. v1.2.3 or commit SHA fallback
+          if [[ "${GITHUB_REF##*/}" =~ ^v[0-9] ]]; then 
+            echo "TAG=${GITHUB_REF##*/}" >> $GITHUB_OUTPUT
+          else
+            echo "TAG=$(git rev-parse --short HEAD)" >> $GITHUB_OUTPUT
+          fi
+
+      - name: Login to registry
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build & push backend
+        uses: docker/build-push-action@v3
+        with:
+          context: server
+          file: server/Dockerfile.prod
+          push: true
+          tags: |
+            ${{ env.IMAGE_REG }}/balancer-backend:${{ needs.build.outputs.tag }}
+            ${{ env.IMAGE_REG }}/balancer-backend:latest
+
+      - name: Build & push frontend
+        uses: docker/build-push-action@v3
+        with:
+          context: frontend
+          file: frontend/Dockerfile
+          push: true
+          tags: |
+            ${{ env.IMAGE_REG }}/balancer-frontend:${{ needs.build.outputs.tag }}
+            ${{ env.IMAGE_REG }}/balancer-frontend:latest
+
+  # deploy:
+  #   name: Deploy to Kubernetes
+  #   needs: build
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - uses: actions/checkout@v3
+
+  #     - name: Set up kubectl
+  #       # or use azure/setup-kubectl, google-github-actions/setup-gcloud, etc.
+  #       uses: azure/setup-kubectl@v3
+  #       with:
+  #         version: 'latest'
+  #         # supply your kubeconfig via a secret
+  #         kubeconfig: ${{ secrets.KUBE_CONFIG_DATA }}
+
+  #     - name: Update Helm chart values
+  #       run: |
+  #         helm upgrade --install balancer ./charts/balancer \
+  #           --namespace production \
+  #           --create-namespace \
+  #           --set backend.image.tag=${{ needs.build.outputs.tag }} \
+  #           --set frontend.image.tag=${{ needs.build.outputs.tag }}

.github/workflows/ci-build.yml

@@ -0,0 +1,49 @@
+name: CI – Build & Push PR Images
+
+on:
+  pull_request:
+    branches: [ listOfMed ]
+
+permissions:
+  contents: read
+  packages: write
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Compute lowercase owner
+        id: vars
+        run: |
+          owner=$(echo "$GITHUB_REPOSITORY_OWNER" | tr '[:upper:]' '[:lower:]')
+          echo "owner=$owner" >> $GITHUB_OUTPUT
+
+      - name: Log in to registry
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ steps.vars.outputs.owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build & push backend
+        uses: docker/build-push-action@v3
+        with:
+          context: server
+          file: server/Dockerfile.prod
+          push: true
+          tags: |
+            ghcr.io/${{ steps.vars.outputs.owner }}/balancer-backend:pr-${{ github.event.number }}
+            ghcr.io/${{ steps.vars.outputs.owner }}/balancer-backend:pr-${{ github.event.number }}-latest
+
+      - name: Build & push frontend
+        uses: docker/build-push-action@v3
+        with:
+          context: frontend
+          file: frontend/Dockerfile
+          push: true
+          tags: |
+            ghcr.io/${{ steps.vars.outputs.owner }}/balancer-frontend:pr-${{ github.event.number }}
+            ghcr.io/${{ steps.vars.outputs.owner }}/balancer-frontend:pr-${{ github.event.number }}-latest

docker-compose.prod.yml

@@ -28,17 +28,11 @@ services:
     image: balancer-frontend
     build:
       context: frontend
-      dockerfile: Dockerfile
+      dockerfile: Dockerfile.prod
       args:
         - IMAGE_NAME=balancer-frontend
     ports:
-        - "3000:3000"
-    environment:
-        - CHOKIDAR_USEPOLLING=true
-        - VITE_API_BASE_URL=https://balancertestsite.com/
-    volumes:
-        - "./frontend:/usr/src/app:delegated"
-        - "/usr/src/app/node_modules/"
+        - "80:80"
     depends_on:
       - backend
 

frontend/Dockerfile.prod

@@ -1,4 +1,4 @@
-FROM node:18 as builder
+FROM node:23-slim AS builder
 
 WORKDIR /usr/src/app
 
@@ -10,10 +10,10 @@ COPY . .
 
 RUN npm run build
 
-FROM nginx:latest
+FROM nginx:stable-alpine
 
 COPY nginx.conf /etc/nginx/conf.d/default.conf
 
-COPY --from=builder /usr/src/app/build /usr/share/nginx/html
+COPY --from=builder /usr/src/app/dist /usr/share/nginx/html
 
 EXPOSE 80

frontend/nginx.conf

@@ -7,4 +7,14 @@ server {
         index index.html;
         try_files $uri $uri/ /index.html;
     }
+
+    # Proxy API requests to the backend container
+    location /api/ {
+        proxy_pass http://backend:8000/;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+    }
 }

frontend/src/api/apiClient.ts

@@ -1,10 +1,8 @@
 import axios from "axios";
 import { FormValues } from "../pages/Feedback/FeedbackForm";
 import { Conversation } from "../components/Header/Chat";
-const baseURL = import.meta.env.VITE_API_BASE_URL;
 
 export const api = axios.create({
-  baseURL,
   headers: {
     Authorization: `JWT ${localStorage.getItem("access")}`,
   },

frontend/vite.config.ts

@@ -1,19 +1,11 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
-// https://vitejs.dev/config/
 export default defineConfig({
-  build: {
-    outDir: '../server/build', // Custom output directory
-    assetsDir: 'static',
-  },
   plugins: [react()],
   server: {
     watch: {
       usePolling: true,
     },
-    host: "0.0.0.0",
-    strictPort: true,
-    port: 3000,
   },
 });