dockerfile multistage build

.nginx/nginx.conf

@@ -1,12 +1,16 @@
-server {
+events {
+    worker_connections  1024;
+}
+
+http {
+    server {
 
   listen 5000;
 
   location / {
     # root   /usr/share/nginx/html;
-    proxy_pass http://localhost:3000;
-    # root /app/public;
-    # index  index.html index.htm;
+    root /app/public;
+    index  index.html index.htm;
     try_files $uri /index.html =404;
   }
 
@@ -31,3 +35,4 @@ server {
     root   /usr/share/nginx/html;
   }
 }
+}

Dockerfile

@@ -1,26 +1,35 @@
-# See https://hub.docker.com/r/nikolaik/python-nodejs
-#     https://github.com/nikolaik/docker-python-nodejs
+ARG PY_VER=3.10
+
 # Default user is 'luminlab' with uid 1000, gid 1000
-FROM nikolaik/python-nodejs:python3.10-nodejs18
+FROM python:${PY_VER} as lean
 
 # Install nginx and give permissions to 'luminlab'
 # See https://www.rockyourcode.com/run-docker-nginx-as-non-root-user/
-USER root
 
 RUN apt-get -y update && apt-get -y install nginx
 
+
+
+
+
+# Set up a new user named "luminlab" with user ID 1000
+RUN useradd -m -u 1000 luminlab
+    # groupadd luminlab &&\
+    # usermod -aG luminlab luminlab
+
+
 RUN mkdir -p /var/cache/nginx \
              /var/log/nginx \
              /var/lib/nginx
 RUN touch /var/run/nginx.pid
 
+RUN chown -R luminlab /var/cache/nginx \
+                       /var/log/nginx \
+                       /var/lib/nginx \
+                       /var/run/nginx.pid
 
-
-# Set up a new user named "luminlab" with user ID 1000
-RUN useradd -m -u 1000 luminlab &&\
-    groupadd luminlab &&\
-    usermod -aG luminlab luminlab
-
+# COPY --chown=luminlab .nginx/nginx.conf /etc/nginx/conf.d/default.conf
+COPY --chown=luminlab .nginx/nginx.conf /etc/nginx/nginx.conf
 
 
 # # Set home to the user's home directory
@@ -29,31 +38,27 @@ RUN useradd -m -u 1000 luminlab &&\
 
 # # Set the working directory to the user's home directory
 # WORKDIR $HOME/app
-RUN chown -R luminlab:luminlab /var/cache/nginx \
-                       /var/log/nginx \
-                       /var/lib/nginx \
-                       /var/run/nginx.pid
 
 # syntax=docker/dockerfile:1.4
-ENV HOME=/home/luminlab \
-    PATH=/home/luminlab/.local/bin:$PATH
+# ENV HOME=/home/luminlab \
+#     PATH=/home/luminlab/.local/bin:$PATH
 
-RUN mkdir $HOME/app
+# RUN mkdir $HOME/app
 
 # 1. For build React app
-FROM node:lts AS build
+FROM node:16-slim AS node
 
 # Set working directory
 WORKDIR /app
 
 # 
-COPY --chown=luminlab:luminlab package.json /app/package.json
-COPY --chown=luminlab:luminlab package-lock.json /app/package-lock.json
+COPY package.json /app/package.json
+COPY package-lock.json /app/package-lock.json
 
 # Same as npm install
 RUN npm ci
 
-COPY --chown=luminlab:luminlab . .
+# COPY --chown=luminlab:luminlab . .
 
 ENV CI=true
 ENV PORT=3000
@@ -81,28 +86,35 @@ ENV PORT=3000
 # COPY --chown=luminlab nginx.conf /etc/nginx/sites-available/default
 
 # COPY --chown=luminlab . .
-# 2. For Nginx setup
-FROM nginx:alpine AS prod
+
+USER luminlab:luminlab
+
+FROM lean AS prod
+
+
 
 # Copy config nginx
-COPY --chown=luminlab:luminlab --from=build /app/.nginx/nginx.conf /etc/nginx/conf.d/default.conf
+# COPY --chown=luminlab:luminlab --from=dev /var/cache/nginx /var/cache/nginx
+# COPY --chown=luminlab:luminlab --from=dev /var/log/nginx /var/log/nginx
+# COPY --chown=luminlab:luminlab --from=dev /var/lib/nginx /var/lib/nginx
 
+COPY --chown=luminlab --from=node /app ./app
 # Remove default nginx static assets
 # RUN rm -rf ./*
 
 # WORKDIR /usr/share/nginx/html
 
 
-WORKDIR $HOME
+WORKDIR /app
 
 
 
 # Copy static assets from builder stage
-COPY --chown=luminlab:luminlab --from=build /app ./app
 
 
+# RUN chown -R luminlab:luminlab /var
+
 
-USER luminlab:luminlab
 
 # Switch to the "user" user
 # ENTRYPOINT ["sh", "run_hf.sh"]

docker-compose.yaml

@@ -3,11 +3,17 @@ services:
     build:
       context: .
     container_name: luminlab-nginx-frontend
-    user: root
+    # user: root
+    #UID=${UID} GID=${GID} docker-compose up
+    #(or define UID and GID as environment variables)
+    # user: "${UID}:${GID}"
+    user: 1000:1000
+    # user: root
     ports:
       - "80:3000"
       - "3000:3000"
     volumes:
       - ./run_hf.sh:/app/run_hf.sh
+      - .nginx/nginx.conf:/etc/nginx/nginx.conf