chore: add docker image

.dockerignore

@@ -0,0 +1,13 @@
+.dockerignore
+.git
+
+_output/
+logs/
+
+README.md
+CONTRIBUTING.md
+
+docker-compose.yaml
+
+.github/
+.husky

.github/workflows/deploy.yml

@@ -59,4 +59,33 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v2
+
+  docker:
+    needs: build
+    runs-on: ubuntu-latest
+    name: Build and Push Docker Image
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          push: true
+          tags: |
+            kevlnlee/web-cicd-test:latest
+            kevlnlee/web-cicd-test:${{ env.GITHUB_REF##*/ }}

Dockerfile

@@ -0,0 +1,23 @@
+FROM node:20.11.0 as builder
+
+WORKDIR /app
+
+ADD . .
+
+RUN rm -rf node_modules
+RUN npm install -g pnpm
+RUN pnpm install
+RUN pnpm run build
+
+FROM nginx
+
+WORKDIR /usr/share/nginx/html/
+
+USER root
+
+COPY --from=builder /app/nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=builder /app/dist /usr/share/nginx/html/
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

nginx.conf

@@ -0,0 +1,18 @@
+server {
+    listen 80;
+
+    gzip on;
+    gzip_min_length 1k;
+    gzip_comp_level 9;
+    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml application/wasm;
+    gzip_vary on;
+    gzip_disable "MSIE [1-6]\.";
+
+    default_type application/wasm;
+
+    root /usr/share/nginx/html;
+    include /etc/nginx/mime.types;
+    location / {
+        try_files $uri /index.html;
+    }
+}