Enable multi arch frontend images and update ubuntu to 24.04 on CI

.github/workflows/automerge.yml

@@ -7,7 +7,7 @@ permissions:
 
 jobs:
   dependabot:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     if: github.event.pull_request.user.login == 'dependabot[bot]' && github.repository == 'evroon/bracket'
     steps:
       - name: Enable auto-merge for Dependabot PRs

.github/workflows/backend.yml

@@ -11,7 +11,7 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
 
     services:
       postgres:

.github/workflows/contributors.yml

@@ -7,7 +7,7 @@ on:
 
 jobs:
     update-contributors-readme:
-        runs-on: ubuntu-latest
+        runs-on: ubuntu-24.04
         name: Update contributors in README.md
         steps:
             - name: Contribute List
@@ -19,7 +19,7 @@ jobs:
                   pr_title_on_protected: "Update contributors in readme"
 
     update-contributors-docs:
-        runs-on: ubuntu-latest
+        runs-on: ubuntu-24.04
         name: Update contributors in docs
         steps:
             - name: Contribute List

.github/workflows/crowdin-pretranslate.yml

@@ -8,7 +8,7 @@ on:
 jobs:
   trigger_crowdin_tm:
     name: Crowdin Translation Memory Trigger
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     # Prevent this workflow from running (and failing) on forks
     if: github.repository == 'evroon/bracket'
     steps:

.github/workflows/docker-build.yml

@@ -0,0 +1,48 @@
+name: docker
+
+on:
+  workflow_dispatch:
+  pull_request:
+    paths:
+      - 'backend/**'
+      - 'frontend/**'
+      - 'docker-compose.yml'
+  push:
+    branches:
+      - 'master'
+
+jobs:
+  build-and-push-image:
+    runs-on: ubuntu-24.04
+    permissions:
+      contents: read
+      packages: read
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build frontend Docker image
+        uses: docker/build-push-action@v6
+        with:
+          context: frontend
+          push: false
+          file: frontend/Dockerfile
+          tags: ${{ steps.meta_frontend.outputs.tags }}
+          labels: ${{ steps.meta_frontend.outputs.labels }}
+          # Don't build linux/arm64/v8 because it's very slow with QEMU
+          platforms: linux/amd64
+
+      - name: Build backend Docker image
+        uses: docker/build-push-action@v6
+        with:
+          context: backend
+          push: false
+          file: backend/Dockerfile
+          tags: ${{ steps.meta_backend.outputs.tags }}
+          labels: ${{ steps.meta_backend.outputs.labels }}
+          # Don't build linux/arm64/v8 because it's very slow with QEMU
+          platforms: linux/amd64

.github/workflows/publish_docker_image.yml → .github/workflows/docker-publish.yml

@@ -13,7 +13,7 @@ env:
 
 jobs:
   build-and-push-image:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     permissions:
       contents: read
       packages: write
@@ -29,36 +29,36 @@ jobs:
         uses: docker/setup-buildx-action@v3
 
       - name: Log in to the Container registry
-        uses: docker/#-action@9780b0c442fbb1117ed29e0efdff1e18412f7567
+        uses: docker/#-action@v3
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Extract metadata (tags, labels) for frontend Docker image
         id: meta_frontend
-        uses: docker/metadata-action@369eb591f429131d6889c46b94e711f089e6ca96
+        uses: docker/metadata-action@v5
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_FRONTEND }}
 
       - name: Extract metadata (tags, labels) for backend Docker image
         id: meta_backend
-        uses: docker/metadata-action@369eb591f429131d6889c46b94e711f089e6ca96
+        uses: docker/metadata-action@v5
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME_BACKEND }}
 
       - name: Build and push frontend Docker image
-        uses: docker/build-push-action@ca877d9245402d1537745e0e356eab47c3520991
+        uses: docker/build-push-action@v6
         with:
           context: frontend
           push: true
           file: frontend/Dockerfile
           tags: ${{ steps.meta_frontend.outputs.tags }}
           labels: ${{ steps.meta_frontend.outputs.labels }}
-          platforms: linux/amd64
+          platforms: linux/amd64,linux/arm64/v8
 
       - name: Build and push backend Docker image
-        uses: docker/build-push-action@ca877d9245402d1537745e0e356eab47c3520991
+        uses: docker/build-push-action@v6
         with:
           context: backend
           push: true

.github/workflows/docs_test.yml → .github/workflows/docs-build.yml

@@ -11,7 +11,7 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/docs_publish.yml → .github/workflows/docs-publish.yml

@@ -8,7 +8,7 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/frontend.yml

@@ -11,7 +11,7 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/stale.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   stale:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     steps:
       - uses: actions/stale@v9
         with:

frontend/Dockerfile

@@ -5,10 +5,12 @@
 
 COPY package.json yarn.lock ./
 
-RUN yarn
+# Increase timeout for slow QEMU arm64 builds
+# https://github.com/nodejs/docker-node/issues/1335
+RUN yarn --network-timeout 1000000
 
 # Rebuild the source code only when needed
-FROM node:18-alpine AS builder
+FROM node:22-alpine AS builder
 
 WORKDIR /app
 
@@ -20,11 +22,11 @@
     yarn build
 
 # Production image, copy all the files and run next
-FROM node:18-alpine AS runner
+FROM node:22-alpine AS runner
 
 WORKDIR /app
 
-ENV NODE_ENV production
+ENV NODE_ENV=production
 
 COPY --from=builder /app/public ./public
 COPY --from=builder /app/.next ./.next
@@ -52,4 +54,4 @@
 HEALTHCHECK --interval=15s --timeout=5s --retries=5 \
     CMD wget --spider http://localhost:3000 || exit 1
 
 CMD yarn start