add nginx

.nginx/nginx.conf

@@ -1,15 +1,32 @@
 server {
 
-  listen 3000;
+  listen 5000;
 
   location / {
-    root   /usr/share/nginx/html;
-    index  index.html index.htm;
+    # root   /usr/share/nginx/html;
+    proxy_pass http://localhost:3000;
+    # root /app/public;
+    # index  index.html index.htm;
     try_files $uri /index.html =404;
   }
 
   error_page   500 502 503 504  /50x.html;
 
+    location /static/ {
+        # Serve backend from port 
+        rewrite /static/(.*) /$1 break;
+        proxy_pass http://localhost:3000;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_cache_bypass $http_upgrade;
+        proxy_read_timeout 86400;
+        proxy_redirect off;
+    }
+
   location = /50x.html {
     root   /usr/share/nginx/html;
   }

Dockerfile

@@ -14,6 +14,8 @@ RUN mkdir -p /var/cache/nginx \
              /var/lib/nginx
 RUN touch /var/run/nginx.pid
 
+
+
 # Set up a new user named "luminlab" with user ID 1000
 RUN useradd -m -u 1000 luminlab &&\
     groupadd luminlab &&\
@@ -33,6 +35,10 @@ RUN chown -R luminlab:luminlab /var/cache/nginx \
                        /var/run/nginx.pid
 
 # syntax=docker/dockerfile:1.4
+ENV HOME=/home/luminlab \
+    PATH=/home/luminlab/.local/bin:$PATH
+
+RUN mkdir $HOME/app
 
 # 1. For build React app
 FROM node:lts AS build
@@ -47,7 +53,7 @@ COPY --chown=luminlab:luminlab package-lock.json /app/package-lock.json
 # Same as npm install
 RUN npm ci
 
-COPY --chown=luminlab:luminlab . /app
+COPY --chown=luminlab:luminlab . .
 
 ENV CI=true
 ENV PORT=3000
@@ -79,15 +85,23 @@ ENV PORT=3000
 FROM nginx:alpine AS prod
 
 # Copy config nginx
-COPY --from=build /app/.nginx/nginx.conf /etc/nginx/conf.d/default.conf
-
-WORKDIR /usr/share/nginx/html
+COPY --chown=luminlab:luminlab --from=build /app/.nginx/nginx.conf /etc/nginx/conf.d/default.conf
 
 # Remove default nginx static assets
-RUN rm -rf ./*
+# RUN rm -rf ./*
+
+# WORKDIR /usr/share/nginx/html
+
+
+WORKDIR $HOME
+
+
 
 # Copy static assets from builder stage
-COPY --from=build /app .
+COPY --chown=luminlab:luminlab --from=build /app ./app
+
+
+
 USER luminlab:luminlab
 
 # Switch to the "user" user

docker-compose.yaml

@@ -5,7 +5,9 @@ services:
     container_name: luminlab-nginx-frontend
     user: root
     ports:
+      - "80:3000"
       - "3000:3000"
     volumes:
       - ./run_hf.sh:/app/run_hf.sh
 
+