compose.yml

@@ -1,32 +1,35 @@
 volumes:
-  logs:
-    driver: local
+    logs:
+        driver: local
 services:
-  api:
-    build: ./api/
-    environment:
-      docker: "true"
-    ports:
-      - 8090:80
-    volumes:
-      - ./api:/var/www
-      - logs:/var/www/logs
-  test-api:
-    build: ./api/
-    environment:
-      docker: "true"
-      DATABASES_HOST: psql.torsten-hettstedt.net
-      DATABASES_NAME: testdb
-      DATABASES_USER: bruce
-      DATABASES_PASS: mypass
-    ports:
-      - 8091:80
-    volumes:
-      - ./api:/var/www
-      - logs:/var/www/logs
-  ui:
-      build: ./ui/
-      ports:
-          - 80:80
-      depends_on:
-          - api
+    api:
+        build: ./api/
+        environment:
+            docker: "true"
+        ports:
+            - "8090:80"
+        volumes:
+            - ./api:/var/www
+            - logs:/var/www/logs
+    test-api:
+        build: ./api/
+        environment:
+            docker: "true"
+            DATABASES_HOST: psql.torsten-hettstedt.net
+            DATABASES_NAME: testdb
+            DATABASES_USER: bruce
+            DATABASES_PASS: mypass
+        ports:
+            - "8091:80"
+        volumes:
+            - ./api:/var/www
+            - logs:/var/www/logs
+    ui:
+        build: ./ui/
+        env_file:
+            -   ui/.env
+        ports:
+            - "8080:3000"
+        depends_on:
+            - api
+            - test-api

ui/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

ui/Dockerfile

@@ -1,3 +1,16 @@
-FROM httpd:2.4
+FROM node:22-alpine AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+RUN npm prune --production
 
-COPY ./public/ /usr/local/apache2/htdocs/
+FROM node:22-alpine
+WORKDIR /app
+COPY --from=builder /app/build build/
+COPY --from=builder /app/node_modules node_modules/
+COPY package.json .
+EXPOSE 3000
+ENV NODE_ENV=production
+CMD [ "node", "build" ]

ui/package.json

@@ -20,6 +20,7 @@
         "@sveltejs/adapter-auto": "^6.0.0",
         "@sveltejs/kit": "^2.16.0",
         "@sveltejs/vite-plugin-svelte": "^5.0.0",
+        "@sveltejs/adapter-node": "^5.2.12",
         "svelte": "^5.0.0",
         "svelte-check": "^4.0.0",
         "typescript": "^5.0.0",

ui/svelte.config.js

@@ -1,6 +1,10 @@
+import adapter from '@sveltejs/adapter-node';
+
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-    kit: {}
+    kit: {
+        adapter: adapter()
+    }
 };
 
 export default config;