Dockerise frontend with nginx

docker-compose.yml

@@ -8,3 +8,8 @@ services:
     build: ./backend/user-service
     ports:
       - "3001:3001"
+
+  frontend:
+    build: ./frontend
+    ports:
+      - "80:80"

frontend/.dockerignore

@@ -0,0 +1,2 @@
+build/
+node_modules/

frontend/Dockerfile

@@ -0,0 +1,23 @@
+FROM node:20 AS build
+
+WORKDIR /app
+
+COPY package*.json .
+
+RUN npm install
+
+COPY ./src ./src
+
+COPY ./public ./public
+
+COPY .env .
+
+COPY tsconfig.json .
+
+RUN npm run build
+
+FROM nginx:latest
+
+COPY ./nginx /etc/nginx
+
+COPY --from=build /app/build /app

frontend/nginx/nginx.conf

@@ -0,0 +1,12 @@
+worker_processes auto;
+
+error_log /var/log/nginx/error.log;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    include /etc/nginx/sites-enabled/*;
+}

frontend/nginx/sites-enabled/app.conf

@@ -0,0 +1,8 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    location / {
+        root /app;
+    }
+}