Add Dockerfile.dev for backend, migrate frontend image to "serve" and change both docker-compose.ymls

.gitignore

@@ -0,0 +1,2 @@
+/**/.idea
+/**/node_modules

backend/Dockerfile

@@ -1,13 +1,14 @@
-FROM node:alpine AS builder
+FROM node:14.3.0-alpine AS builder
 WORKDIR /app
-COPY ./package.json ./
+COPY package.json .
+COPY package-lock.json .
 RUN npm install
 COPY . .
 RUN npm run build
 
-FROM node:alpine
+FROM node:14.3.0-alpine
 WORKDIR /app
-COPY --from=builder /app ./
+COPY --from=builder /app .
 
 EXPOSE 3000
 CMD ["npm", "run", "start:prod"]

backend/Dockerfile.dev

@@ -0,0 +1,12 @@
+FROM node:14.3.0-alpine AS builder
+WORKDIR /app
+ENV ENVIRONMENT dev
+
+COPY package.json .
+COPY package-lock.json .
+RUN npm install
+COPY . .
+
+EXPOSE 3000
+CMD ["npm", "run", "start:${ENVIRONMENT}"]
+

docker-compose.dev.yml

@@ -4,49 +4,22 @@ services:
   frontend:
     build:
       context: ./frontend
-      dockerfile: Dockerfile
+      dockerfile: Dockerfile.dev
     networks:
       - proxy
     env_file: .env
-    labels:
+    ports:
-      - traefik.enable=true
+      - 5000:5000
-
-      # HTTP + Redirect
-      - traefik.http.routers.tsotr-frontend.entrypoints=web
-      - traefik.http.routers.tsotr-frontend.rule=Host(`tsotr.humenius.me`)
-      - traefik.http.routers.tsotr-frontend.middlewares=redirect@file
-
-      # HTTPS + Port + network
-      - traefik.http.routers.tsotr-frontend-secure.entrypoints=web-secure
-      - traefik.http.routers.tsotr-frontend-secure.rule=Host(`tsotr.humenius.me`)
-      - traefik.http.routers.tsotr-frontend-secure.tls=true
-      - traefik.http.routers.tsotr-frontend-secure.tls.certresolver=letsencrypt
-      - traefik.http.services.tsotr-frontend.loadbalancer.server.port=80
-      - traefik.docker.network=proxy
 
   backend:
-    # image: docker.humenius.me/humenius/ts-onlinetime-ranks-backend:latest
     build:
       context: ./backend
-      dockerfile: Dockerfile
+      dockerfile: Dockerfile.dev
     networks:
       - proxy
     env_file: .env
-    labels:
+    ports:
-      - traefik.enable=true
+      - 5001:3000
-
-      # HTTP + Redirect
-      - traefik.http.routers.tsotr-backend.entrypoints=web
-      - traefik.http.routers.tsotr-backend.rule=Host(`api.tsotr.humenius.me`)
-      - traefik.http.routers.tsotr-backend.middlewares=redirect@file
-
-      # HTTPS + Port + network
-      - traefik.http.routers.tsotr-backend-secure.entrypoints=web-secure
-      - traefik.http.routers.tsotr-backend-secure.rule=Host(`api.tsotr.humenius.me`)
-      - traefik.http.routers.tsotr-backend-secure.tls=true
-      - traefik.http.routers.tsotr-backend-secure.tls.certresolver=letsencrypt
-      - traefik.http.services.tsotr-backend.loadbalancer.server.port=3000
-      - traefik.docker.network=proxy
 
 networks:
   proxy:

docker-compose.yml

@@ -2,44 +2,47 @@ version: '3.7'
 
 services:
   frontend:
-    image: docker.humenius.me/humenius/ts-onlinetime-ranks-frontend:latest
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
     networks:
       - proxy
+    env_file: .env
     labels:
       - traefik.enable=true
+      - traefik.http.services.tsotr-frontend.loadbalancer.server.port=5000
 
       # HTTP + Redirect
       - traefik.http.routers.tsotr-frontend.entrypoints=web
       - traefik.http.routers.tsotr-frontend.rule=Host(`tsotr.humenius.me`)
       - traefik.http.routers.tsotr-frontend.middlewares=redirect@file
 
-      # HTTPS + Port + network
+      # HTTPS
       - traefik.http.routers.tsotr-frontend-secure.entrypoints=web-secure
       - traefik.http.routers.tsotr-frontend-secure.rule=Host(`tsotr.humenius.me`)
-      - traefik.http.routers.tsotr-frontend-secure.tls=true
       - traefik.http.routers.tsotr-frontend-secure.tls.certresolver=letsencrypt
-      - traefik.http.services.tsotr-frontend.loadbalancer.server.port=80
-      - traefik.docker.network=proxy
 
   backend:
-    image: docker.humenius.me/humenius/ts-onlinetime-ranks-backend:latest
+    # image: docker.humenius.me/humenius/ts-onlinetime-ranks-backend:latest
+    build:
+      context: ./backend
+      dockerfile: Dockerfile
     networks:
       - proxy
+    env_file: .env
     labels:
       - traefik.enable=true
+      - traefik.http.services.tsotr-backend.loadbalancer.server.port=3000
 
       # HTTP + Redirect
       - traefik.http.routers.tsotr-backend.entrypoints=web
       - traefik.http.routers.tsotr-backend.rule=Host(`api.tsotr.humenius.me`)
       - traefik.http.routers.tsotr-backend.middlewares=redirect@file
 
-      # HTTPS + Port + network
+      # HTTPS
       - traefik.http.routers.tsotr-backend-secure.entrypoints=web-secure
       - traefik.http.routers.tsotr-backend-secure.rule=Host(`api.tsotr.humenius.me`)
-      - traefik.http.routers.tsotr-backend-secure.tls=true
       - traefik.http.routers.tsotr-backend-secure.tls.certresolver=letsencrypt
-      - traefik.http.services.tsotr-backend.loadbalancer.server.port=3000
-      - traefik.docker.network=proxy
 
 networks:
   proxy:

frontend/Dockerfile

@@ -1,15 +1,15 @@
-FROM node:alpine as builder
+FROM node:14.3.0-alpine as builder
-WORKDIR '/app'
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
 COPY ./package.json ./
 RUN yarn
 COPY . .
 RUN yarn build
 
-FROM nginx:alpine
+FROM node:14.3.0-alpine
-LABEL maintainer="Kevin Reis <contact@humenius.me>"
+WORKDIR /app
+COPY --from=builder /app/build .
+RUN yarn global add serve
 
-COPY --from=builder /app/build /usr/share/nginx/html
+EXPOSE 5000
-COPY nginx/nginx.conf /etc/nginx/conf.d
+CMD ["serve", "-s", ""]
-
-EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]

frontend/Dockerfile.dev

@@ -1,10 +1,9 @@
-FROM node:alpine
+FROM node:14.3.0-alpine
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
 
-WORKDIR '/app'
+COPY package.json ./
-
-COPY package.json .
 RUN yarn
-
 COPY . .
 
 CMD ["yarn", "start"]