Use a single multi-stage Dockerfile for the UI

There is no need for two separate Dockerfiles. In fact, this only makes
the setup more complex and in many cases slower.

This commit merges the dev and production Dockerfiles into a single
multi-stage Dockerfile. I’ve also adjusted the GitHub Actions workflow
to use the official action to build the image, which should bring down
build times by enabling caching.

Author: tillprochaska

.github/workflows/build-ui.yml

@@ -24,10 +24,17 @@ jobs:
       - name: Setup
         run: echo "ALEPH_SECRET=batman\n" >> aleph.env
 
-      - name: Build development image
-        run: |
-          docker build -t ghcr.io/alephdata/aleph-ui:${GITHUB_SHA} ui
-          docker tag ghcr.io/alephdata/aleph-ui:${GITHUB_SHA} ghcr.io/alephdata/aleph-ui:latest
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build Docker image
+        uses: docker/build-push-action@v6
+        with:
+          context: ./ui
+          push: false
+          tags: ghcr.io/alephdata/aleph-ui-production:${{ github.sha }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
 
       - name: Check code formatting
         run: make format-check-ui
@@ -38,13 +45,6 @@ jobs:
       - name: Run tests
         run: make test-ui
 
-      - name: Build
-        run: make build-ui
-
-      - name: Build production image
-        if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags')
-        run: docker build -t ghcr.io/alephdata/aleph-ui-production:${GITHUB_SHA} -f ui/Dockerfile.production ui
-
       - name: Push docker image (tagged)
         if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags')
         run: |

Makefile

@@ -77,7 +77,7 @@ build:
 	$(COMPOSE) build
 
 build-ui:
-	docker build -t ghcr.io/alephdata/aleph-ui-production:$(ALEPH_TAG) -f ui/Dockerfile.production ui
+	docker build -t ghcr.io/alephdata/aleph-ui-production:$(ALEPH_TAG) -f ui/Dockerfile ui
 
 build-e2e:
 	$(COMPOSE_E2E) build --build-arg PLAYWRIGHT_VERSION=$(shell awk -F'==' '/^playwright==/ { print $$2 }' e2e/requirements.txt)

docker-compose.dev.yml

@@ -138,18 +138,17 @@ services:
       - aleph.env
 
   ui:
+    image: ghcr.io/alephdata/aleph-ui-production:${ALEPH_TAG:-latest}
     build:
       context: ui
-    image: ghcr.io/alephdata/aleph-ui:${ALEPH_TAG:-latest}
+      target: builder
     depends_on:
       - api
-    command: "npm run start"
+    command: "bash -c 'npm install && npm start'"
     ports:
       - "8080:8080"
     volumes:
       - "./ui:/alephui"
-    env_file:
-      - aleph.env
 
   worker:
     build:

ui/Dockerfile

@@ -1,5 +1,4 @@
-FROM node:23-slim
-ENV DEBIAN_FRONTEND noninteractive
+FROM node:23-slim AS builder
 
 RUN mkdir /alephui
 WORKDIR /alephui
@@ -8,4 +7,10 @@ COPY package.json /alephui
 COPY package-lock.json /alephui
 
 RUN npm ci
-COPY . .
+COPY . .
+RUN npm run build
+
+FROM nginx:alpine
+
+COPY nginx.conf /etc/nginx/nginx.conf
+COPY --from=builder /alephui/build /assets