From af972440891283ea97390f0aea48602cdb1ad666 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ux=C3=ADo?= <Uxio0@users.noreply.github.com>
Date: Wed, 8 Nov 2023 18:13:16 +0100
Subject: [PATCH] Chore: Optimize docker image (#2771)

- Reduce size by using multistage builds
- Run `yarn build` on the build process and not when the docker image starts (it can take a few minutes to complete)
---
 .dockerignore |  6 +++++-
 Dockerfile    | 35 ++++++++++++++++++++++++-----------
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/.dockerignore b/.dockerignore
index 355611305d..d659b8076c 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -2,10 +2,14 @@ Dockerfile
 .dockerignore
 node_modules
 npm-debug.log
-README.md
 .next
 .git
 coverage
 .DS_Store
 .idea
 dist
+
+build/
+coverage/
+cypress/
+out/
diff --git a/Dockerfile b/Dockerfile
index 82391964d5..9e8cba5245 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,21 +1,34 @@
-FROM node:18-alpine
+FROM node:18-alpine AS base
+ENV NEXT_TELEMETRY_DISABLED 1
+
+FROM base AS builder
+
 RUN apk add --no-cache libc6-compat git python3 py3-pip make g++ libusb-dev eudev-dev linux-headers
 WORKDIR /app
+
+# Install dependencies
+COPY package.json yarn.lock* ./
+RUN yarn --frozen-lockfile
 COPY . .
+RUN yarn run after-install
 
-# install deps
-RUN yarn install --frozen-lockfile
-RUN yarn after-install
+RUN yarn build
+
+# Production image
+FROM base AS runner
+WORKDIR /app
 
 ENV NODE_ENV production
+ENV REVERSE_PROXY_UI_PORT 8080
 
-# Next.js collects completely anonymous telemetry data about general usage.
-# Learn more here: https://nextjs.org/telemetry
-# Uncomment the following line in case you want to disable telemetry during the build.
-ENV NEXT_TELEMETRY_DISABLED 1
+RUN addgroup --system --gid 1001 nodejs && adduser --system --uid 1001 nextjs
+COPY --from=builder /app/out ./out
+
+# Set the correct permission for prerender cache
+RUN mkdir .next && chown nextjs:nodejs .next
 
-EXPOSE 3000
+USER nextjs
 
-ENV PORT 3000
+EXPOSE ${REVERSE_PROXY_UI_PORT}
 
-CMD ["yarn", "static-serve"]
+CMD npx -y serve out -p ${REVERSE_PROXY_UI_PORT}