dockerization backend and frontend

Author: strazhnyk

.env

@@ -23,8 +23,8 @@ DS_PRIVATE_KEY=./app/private.key
 
 # React environment variables
 # UI and BE links
-REACT_APP_DS_RETURN_URL=http://localhost:3000
-REACT_APP_API_BASE_URL=http://localhost:5001/api
+REACT_APP_DS_RETURN_URL=http://localhost
+REACT_APP_API_BASE_URL=http://localhost/api
 
 # The DS Authentication server
 DS_AUTH_SERVER=https://account-d.docusign.com

.gitignore

@@ -1,6 +1,6 @@
 *.pyc
 .idea
-.env
+*.env*
 
 __pycache__/
 

client/Dockerfile

@@ -0,0 +1,19 @@
+FROM --platform=linux/amd64 node:20.14 AS base
+
+ARG REACT_APP_API_BASE_URL
+ENV REACT_APP_API_BASE_URL=$REACT_APP_API_BASE_URL
+
+WORKDIR /app
+COPY .env ./
+COPY ./package.json ./yarn.lock ./
+RUN npm install
+
+COPY . .
+
+RUN npm run build
+
+# Run stage
+FROM --platform=linux/amd64 nginx:1.23-alpine
+COPY --from=base /app/build /var/www/app
+COPY ./nginx/conf/ /etc/nginx/conf.d
+EXPOSE 80 443

client/nginx/conf/default.conf

@@ -0,0 +1,27 @@
+server {
+    listen 80;
+    listen 443;
+
+    server_tokens off;
+
+    root /var/www/app;
+    location / {
+        autoindex on;
+        autoindex_exact_size off;
+        try_files $uri /index.html;
+    }
+
+    location /api {
+        # rewrite    ^/api(/.+) /$1 break;
+        # rewrite "^/api/(.*)$" /$1 break;
+
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Real-Port $remote_port;
+        proxy_set_header Host $http_host;
+        proxy_connect_timeout 3000;
+        proxy_send_timeout 3000;
+        proxy_read_timeout 3000;
+        proxy_pass http://backend:5001;
+    }
+}
+