feat: dockerize the app, #21

* for local development
* for production usage

Author: weaponsforge

.dockerignore

@@ -0,0 +1,11 @@
+node_modules/
+dist/
+.vscode
+.git
+.gitignore
+.dockerignore
+Dockerfile
+*.zip
+*.rar
+*.txt
+*.yml

.gitignore

@@ -1 +1,6 @@
-node_modules/
+node_modules/
+.vscode
+.git
+*.zip
+*.rar
+*.txt

Dockerfile

@@ -0,0 +1,31 @@
+FROM node:20.15.0-alpine AS base
+RUN mkdir -p /opt/app
+WORKDIR /opt/app
+RUN adduser -S user
+RUN chown -R user /opt/app
+COPY package*.json ./
+COPY yarn.lock ./
+
+# Install specific version of Yarn
+# directly from Alpine package manager
+RUN apk add --no-cache yarn=1.22.22-r0
+
+# DEVELOPMENT APP PROFILE
+FROM base AS development
+RUN yarn install
+COPY . ./
+EXPOSE 3000
+CMD ["yarn", "dev"]
+
+# BUILD TARGET
+FROM base AS build
+COPY . ./
+USER user
+
+# PRODUCTION CLIENT PROFILE
+FROM nginx:1.22.0-alpine AS production
+COPY --from=build /opt/app/public /usr/share/nginx/html
+RUN rm /etc/nginx/conf.d/default.conf
+COPY config/nginx.conf /etc/nginx/conf.d
+EXPOSE 3000
+CMD ["nginx", "-g", "daemon off;"]

config/nginx.conf

@@ -0,0 +1,22 @@
+# Minimal nginx configuration for running locally in containers
+server {
+  listen 3000;
+
+  root /usr/share/nginx/html;
+  include /etc/nginx/mime.types;
+  index index.html index.html;
+
+  server_name localhost;
+  server_tokens off;
+
+  # Rewrite all React URLs/routes to index.html
+  # location / {
+  #  try_files $uri $uri/ /index.html =404;
+  # }
+
+  # Other error pages
+  error_page 500 502 503 504 /50x.html;
+  location = /50x.html {
+    root /usr/share/nginx/html;
+  }
+}

docker-compose.dev.yml

@@ -0,0 +1,15 @@
+services:
+  weaponsforge.livereload-basic:
+    container_name: weaponsforge-localhost-basic
+    image: weaponsforge/livereload-basic:latest
+    build:
+      context: .
+      dockerfile: Dockerfile
+      target: development
+    volumes:
+      - .:/opt/app
+      - /opt/app/node_modules
+    ports:
+      - "3000:3000"
+      - "9229:9229"
+

docker-compose.prod.yml

@@ -0,0 +1,12 @@
+services:
+  weaponsforge.livereload-basic.prod:
+    container_name: weaponsforge-localhost-basic-prod
+    image: weaponsforge/livereload-basic:prod
+    build:
+      context: .
+      dockerfile: Dockerfile
+      target: production
+    volumes:
+      - .:/opt/app
+    ports:
+      - "3000:3000"