build(app): optimize app docker image size

export app static pages and deploy with Nginx image, instead of host `next start` service

app.dockerfile

@@ -1,4 +1,4 @@
-FROM node:alpine
+FROM node:alpine as builder
 
 ARG NEXT_PUBLIC_WS_URL
 ARG NEXT_PUBLIC_API_URL
@@ -12,4 +12,6 @@ COPY ui /home/perplexica/
 RUN yarn install
 RUN yarn build
 
-CMD ["yarn", "start"]
+FROM nginx:stable-alpine-slim
+
+COPY --from=builder /home/perplexica/out /usr/share/nginx/html

docker-compose.yaml

@@ -31,7 +31,7 @@ services:
     depends_on:
       - perplexica-backend
     ports:
-      - 3000:3000
+      - 3000:80
     networks:
       - perplexica-network
 

ui/next.config.mjs

@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  output: 'export',
   images: {
     remotePatterns: [
       {