Dockerising

Dockerfile

@@ -1 +1,16 @@
-# ADD DOCKERFILE CONTENTS HERE
+FROM node:18 AS builder
+
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+FROM nginx:alpine
+
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=builder /app/build /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

docker-compose.yml

@@ -1 +1,9 @@
-# ADD DOCKER-COMPOSE CONTENTS HERE
+version: "3.9"
+
+services:
+  react-frontend:
+    build: .
+    container_name: react_frontend
+    ports:
+      - "8080:80"
+    restart: unless-stopped

nginx.conf

@@ -1 +1,11 @@
-# ADD NGINX CONTENTS HERE
+server {
+    listen 80;
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri /index.html;
+    }
+}