Add docker image

Author: JanisV

.github/workflows/ci.yml

@@ -13,6 +13,12 @@ concurrency:
   group: ${{ github.workflow }}
   cancel-in-progress: true
 
+env:
+  REGISTRY: ghcr.io
+  REGISTRY_USER: ${{ github.repository_owner }}
+  REGISTRY_PASS: ${{ secrets.GITHUB_TOKEN }}
+  IMAGE_NAME: ${{ github.repository }}
+
 jobs:
   ci:
     runs-on: ubuntu-latest
@@ -27,7 +33,7 @@ jobs:
 #        uses: callowayproject/bump-my-version@master
 #        with:
 #          args: patch --no-commit --verbose
-      - uses: actions/setup-python@v5
+      - uses: actions/setup-python@v6
         with:
           python-version: '3.12'
       - run: |
@@ -59,3 +65,37 @@ jobs:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./frontend/dist
           destination_dir: dev
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+      
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+ 
+      - name: Login to ${{ env.REGISTRY }} registry
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ env.REGISTRY_USER }}
+          password: ${{ env.REGISTRY_PASS }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=ref,event=branch
+            type=ref,event=pr
+            type=semver,pattern={{version}}
+            #type=semver,pattern={{major}}.{{minor}}
+            #type=semver,pattern={{major}}
+
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: true
+          platforms: linux/amd64,linux/arm64
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

.github/workflows/release.yml

@@ -41,6 +41,10 @@ jobs:
         working-directory: frontend
         run: npm ci
 
+      - name: Env
+        working-directory: frontend
+        run: echo "VITE_BASE_PATH=/OpenNumismatWeb/" > .env.local
+
       - name: Build
         working-directory: frontend
         run: npm run build

Dockerfile

@@ -0,0 +1,29 @@
+# Stage 1: Build Vue app
+FROM node:24-alpine as build-stage
+WORKDIR /app/frontend
+
+COPY frontend/package*.json ./
+RUN npm install
+COPY frontend/ .
+RUN npm run build
+
+
+# Stage 2: Flask backend with Vue build files
+FROM python:3.12-slim
+WORKDIR /app
+
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+
+COPY backend/requirements.txt .
+RUN pip install --upgrade pip
+RUN pip install --no-cache-dir -r requirements.txt
+RUN pip install --no-cache-dir gunicorn==24.1.1
+COPY backend/ /app
+
+COPY --from=build-stage /app/frontend/dist /app/static
+
+EXPOSE 5000
+
+RUN chmod +x /app/entrypoint.sh
+ENTRYPOINT ["/app/entrypoint.sh"]

backend/app.py

@@ -1,10 +1,14 @@
-from flask import Flask
-
+from flask import Flask, send_from_directory
 
 # Initializing flask app
 app = Flask(__name__, static_url_path='/')
 
 
+@app.route('/', defaults={'path': ''})
+def catch_all(path):
+    return send_from_directory('static', 'index.html')
+
+
 # Running app
 if __name__ == '__main__':
     app.run(debug=True)

backend/entrypoint.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/bash
+
+gunicorn -b :5000 app:app

frontend/.env

@@ -1,2 +1 @@
-VITE_BASE_PATH=/OpenNumismatWeb/
 VITE_APP_VERSION=$npm_package_version