From fc395817be46500ab07ecda0bc1ab2a7488e89a0 Mon Sep 17 00:00:00 2001
From: codEnjoyer <ch4shkin.nikita@gmail.com>
Date: Thu, 16 Nov 2023 16:59:47 +0500
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D1=8F?=
 =?UTF-8?q?=D0=B5=D1=82=20docker-=D0=BA=D0=BE=D0=BD=D1=82=D0=B5=D0=B9?=
 =?UTF-8?q?=D0=BD=D0=B5=D1=80=20=D0=B4=D0=BB=D1=8F=20=D0=B7=D0=B0=D0=BF?=
 =?UTF-8?q?=D1=83=D1=81=D0=BA=D0=B0=20=D1=84=D1=80=D0=BE=D0=BD=D1=82=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B4=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dev.env             |  1 +
 docker-compose.yml  | 11 +++++++++++
 frontend/Dockerfile | 18 ++++++++++++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 frontend/Dockerfile

diff --git a/dev.env b/dev.env
index 958757b..9444652 100644
--- a/dev.env
+++ b/dev.env
@@ -10,5 +10,6 @@ PGADMIN_DEFAULT_EMAIL=
 PGADMIN_DEFAULT_PASSWORD=
 
 BACK_APP_PORT=
+FRONT_APP_PORT=
 
 SECRET_JWT_KEY=
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
index b5e1810..48182db 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -12,6 +12,17 @@ services:
       - "${BACK_APP_PORT}:${BACK_APP_PORT}"
     restart: unless-stopped
 
+  frontend:
+    container_name: react_app
+    build:
+      context: ./frontend/
+      dockerfile: ./Dockerfile
+    env_file:
+      - .env
+    ports:
+      - "${FRONT_APP_PORT}:${FRONT_APP_PORT}"
+    restart: unless-stopped
+
   db:
     container_name: db_app
     image: postgres:15
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
new file mode 100644
index 0000000..84eec9f
--- /dev/null
+++ b/frontend/Dockerfile
@@ -0,0 +1,18 @@
+FROM node:20.9-alpine as build
+
+WORKDIR /app
+
+ENV PATH /app/node_modules/.bin:$PATH
+
+COPY package.json ./
+COPY package-lock.json ./
+
+RUN npm ci --silent
+RUN npm install react-scripts@3.4.1 -g --silent
+
+COPY . /app/
+
+RUN npm run build
+RUN npm install -g serve
+
+CMD serve -s build -l ${FRONT_APP_PORT}
\ No newline at end of file