Optimize docker image

.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/

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}