docker-task-3-shadi

.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+build
+.env
+.git

Dockerfile

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

docker-compose.yml

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

nginx.conf

@@ -1 +1,16 @@
-# ADD NGINX CONTENTS HERE
+server {
+	listen 80;
+	server_name _;
+
+	root /usr/share/nginx/html;
+
+	location / {
+		try_files $uri $uri/ /index.html;
+	}
+
+	location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
+		try_files $uri /index.html;
+		expires 30d;
+		add_header Cache-Control "public, no-transform";
+	}
+}