Dockerize the project

docker-compose.prod.yml

@@ -0,0 +1,15 @@
+services:
+  frontend:
+    build:
+      context: frontend
+      target: prod
+      args:
+        - VITE_BACKEND_URL=${VITE_BACKEND_URL}
+    container_name: frontend
+    volumes:
+      - ./website:/usr/src/app/dist
+    depends_on:
+        - backend
+  backend:
+    build:
+      context: backend

docker-compose.yml

@@ -0,0 +1,14 @@
+services:
+  frontend:
+    build:
+      context: frontend
+      target: dev
+      #args:
+        #- VITE_BACKEND_URL=${VITE_BACKEND_URL}
+    ports:
+      - 80:80
+    #depends_on:
+    #    - backend
+  #backend:
+  #  build:
+  #    context: backend

down.sh

@@ -0,0 +1 @@
+docker compose -p dev down

frontend/Dockerfile

@@ -0,0 +1,16 @@
+FROM node:latest as builder
+
+WORKDIR /usr/src/app
+ENV PATH /usr/src/node_modules/.bin:$PATH
+ARG VITE_BACKEND_URL
+ENV VITE_BACKEND_URL=$VITE_BACKEND_URL
+
+COPY package.json ./
+RUN npm install
+COPY . .
+
+FROM builder as dev
+CMD ["npm", "run", "dev"]
+
+FROM builder as prod-builder
+RUN npm run build

frontend/vite.config.js

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: '/',
+  plugins: [react()],
+  preview: {
+    port: 80,
+    strictPort: true,
+  },
+  server: {
+    port: 80,
+    strictPort: true,
+    host: true,
+    origin: 'http://0.0.0.0:80',
+  },
+});

run.sh

@@ -0,0 +1 @@
+docker compose -p dev up --build