chore(docker): add docker

Author: xom9ikk

.eslintignore

@@ -0,0 +1 @@
+*.js

.eslintrc.js

@@ -30,5 +30,7 @@ module.exports = {
     'jsx-a11y/no-static-element-interactions': 'off',
     'jsx-a11y/mouse-events-have-key-events': 'off',
     'jsx-a11y/anchor-is-valid': 'off',
+    'jsx-a11y/label-has-associated-control': 'off',
+    'jsx-a11y/accessible-emoji': 'off',
   }
 };

Dockerfile

@@ -0,0 +1,22 @@
+FROM node:12-alpine AS base
+WORKDIR /base
+COPY package*.json ./
+RUN npm install
+COPY . .
+
+FROM base AS build
+ENV NODE_ENV=production
+WORKDIR /build
+COPY --from=base /base ./
+RUN npm run build
+
+FROM node:12-alpine AS production
+ENV NODE_ENV=production
+WORKDIR /app
+COPY --from=build /build/package*.json ./
+COPY --from=build /build/.next ./.next
+COPY --from=build /build/public ./public
+RUN npm install next
+
+EXPOSE 3000
+CMD npm run start

deploy.sh

@@ -0,0 +1,54 @@
+APP_NAME='blobs'
+DOCKER_ADDRESS='http://172.50.12.1:8080'
+sudo service nginx stop
+sudo certbot certonly --standalone -d $APP_NAME.xom9ik.com --staple-ocsp -m xom9ik.code@gmail.com --agree-tos
+echo "server {
+        server_name $APP_NAME.xom9ik.com;
+        client_max_body_size 10M;
+
+        gzip on;
+        gzip_disable \"msie6\";
+
+        gzip_comp_level 6;
+        gzip_min_length 1100;
+        gzip_buffers 16 8k;
+        gzip_proxied any;
+        gzip_types
+            text/plain
+            text/css
+            text/js
+            text/xml
+            text/javascript
+            application/javascript
+            application/x-javascript
+            application/json
+            application/xml
+            application/rss+xml
+            image/svg+xml/javascript;
+
+        location / {
+            proxy_pass $DOCKER_ADDRESS;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade \$http_upgrade;
+            proxy_set_header Connection 'upgrade';
+            proxy_set_header Host \$host;
+            proxy_cache_bypass \$http_upgrade;
+            proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;
+            proxy_set_header X-Real-IP \$remote_addr;
+        }
+
+        listen 443 ssl http2; # managed by Certbot
+        ssl_certificate /etc/letsencrypt/live/$APP_NAME.xom9ik.com/fullchain.pem; # managed by Certbot
+        ssl_certificate_key /etc/letsencrypt/live/$APP_NAME.xom9ik.com/privkey.pem; # managed by Certbot
+        include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
+        ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
+}
+
+server {
+  server_name $APP_NAME.xom9ik.com;
+  listen 80;
+  listen [::]:80;
+  return 301 https://\$host\$request_uri;
+}" > /etc/nginx/sites-enabled/$APP_NAME.conf
+sudo service nginx start
+sh ./rebuild.sh

docker-compose.yml

@@ -0,0 +1,20 @@
+version: "3.5"
+services:
+  blobs-prod:
+    image: blobs-prod
+    container_name: blobs-prod
+    build:
+      context: ./
+      dockerfile: Dockerfile
+    ports:
+      - "172.50.12.1:8080:3000"
+    networks:
+      blobs-prod_net:
+        ipv4_address: 172.50.12.11
+
+networks:
+  blobs-prod_net:
+    ipam:
+      driver: default
+      config:
+        - subnet: "172.50.12.0/24"

next.config.js

@@ -1,7 +1,7 @@
-const path = require('path')
+const path = require('path');
 
 module.exports = {
   sassOptions: {
     includePaths: [path.join(__dirname, 'styles')],
   },
-}
+};

package-lock.json

@@ -22,6 +22,7 @@
     "react-dom": "^16.12.0",
     "react-redux": "^7.2.2",
     "react-tooltip": "^4.2.10",
+    "react-use-clipboard": "1.0.7",
     "react-useportal": "^1.0.13",
     "redux": "^4.0.5",
     "redux-actions": "^2.6.5",