Merge pull request #20 from KaratsubaScans/dockerize

Dockerize

Author: fairnightzz

.dockerignore

@@ -0,0 +1 @@
+node_modules

.github/workflows/deploy.yaml

@@ -1,7 +1,6 @@
 name: Deploy Frontend
 on:
-  push:
-    branches: [master]
+  workflow_dispatch:
 jobs:
   deploy-frontend-job:
     runs-on: ubuntu-latest
@@ -18,6 +17,7 @@ jobs:
           KEY: ${{ secrets.SSHKEY }}
           script: |
             cd /var/www/Carrot
+            git reset --hard
             git pull
             export NVM_DIR=~/.nvm
             source ~/.nvm/nvm.sh

Dockerfile.develop

@@ -0,0 +1,8 @@
+FROM node:lts-alpine
+WORKDIR /app
+COPY package.json ./
+COPY package-lock.json ./
+RUN npm ci
+COPY . ./
+EXPOSE 3000
+CMD npm start

Dockerfile.prod

@@ -0,0 +1,13 @@
+FROM node:lts-alpine
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+COPY package.json ./
+COPY package-lock.json ./
+RUN npm ci
+COPY . ./
+RUN npm run build
+
+FROM nginx:stable-alpine
+COPY --from=build /app/build /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -4,6 +4,12 @@ React webapp that can read zipped manga files from url. Built for KaratsubaScans
 
 ## Running for development
 
+Docker:
+
+```
+docker-compose up
+```
+
 Switch to node version 14.17.6 LTS using nvm:
 ```
 $ nvm install 14.17.6

docker-compose.prod.yml

@@ -0,0 +1,10 @@
+version: "3.8"
+services:
+  app:
+    container_name: carrot
+    restart: always
+    build:
+      context: .
+      dockerfile: Dockerfile.prod
+    expose:
+      - 80

docker-compose.yml

@@ -0,0 +1,9 @@
+version: "3.8"
+services:
+  app:
+    container_name: carrot-dev
+    build:
+      context: .
+      dockerfile: Dockerfile.develop
+    ports:
+      - 3000:3000