Dockerize client, server, and postgres database for production with container healthchecks

client/Dockerfile

@@ -0,0 +1,28 @@
+# --- Build Stage ---
+FROM node:20-alpine AS builder
+WORKDIR /app
+
+# Install dependencies
+COPY package*.json ./
+RUN npm ci
+
+# Copy code and build production bundle
+COPY . .
+RUN npm run build
+
+# --- Production Stage ---
+FROM nginx:1.25-alpine
+WORKDIR /usr/share/nginx/html
+
+# Copy custom Nginx configuration
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Copy built assets from builder
+COPY --from=builder /app/dist .
+
+# Expose HTTP port
+EXPOSE 80
+
+# Health check to verify Nginx is actively running
+HEALTHCHECK --interval=30s --timeout=5s --start-period=3s --retries=3 \
+  CMD wget --no-verbose --tries=1 --spider http://localhost:80/ || exit 1

client/nginx.conf

@@ -0,0 +1,19 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/ {
+        proxy_pass http://backend:5000/api/;
+        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;
+    }
+}

client/src/services/auth.ts

@@ -10,7 +10,7 @@ import {
   bufferToBase64
 } from './crypto.js'
 
-const API_BASE = 'http://localhost:5000/api/auth'
+const API_BASE = '/api/auth'
 
 // Shared in-memory container for the active user's session master key
 let activeMasterKey: ArrayBuffer | null = null

client/src/services/logbook.ts

@@ -2,7 +2,7 @@ import { db, type LocalLogbook } from './db.js'
 import { getActiveMasterKey } from './auth.js'
 import { encryptJson, decryptJson } from './crypto.js'
 
-const API_BASE = 'http://localhost:5000/api/logbooks'
+const API_BASE = '/api/logbooks'
 
 export interface DecryptedLogbook {
   id: string

client/src/services/sync.ts

@@ -1,7 +1,7 @@
 import { db } from './db.js'
 import { getActiveMasterKey } from './auth.js'
 
-const API_BASE = 'http://localhost:5000/api/sync'
+const API_BASE = '/api/sync'
 const syncingLogbooks = new Set<string>()
 
 let isSyncing = false

client/vite.config.ts

@@ -4,6 +4,15 @@ import { VitePWA } from 'vite-plugin-pwa'
 
 // https://vite.dev/config/
 export default defineConfig({
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:5000',
+        changeOrigin: true
+      }
+    }
+  },
   plugins: [
     react(),
     VitePWA({