run app through docker

Author: peppescg

docker-compose.yml

@@ -0,0 +1,11 @@
+version: "3.8"
+
+services:
+  codegate-ui:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    image: codegate-ui
+    ports:
+      - "3000:80"
+    container_name: codegate-ui

dockerfile

@@ -0,0 +1,20 @@
+FROM node:20.18.0-alpine AS builder
+
+WORKDIR /usr/src/app
+
+COPY package*.json tailwind.config.ts postcss.config.js tsconfig*.json vite.config.ts index.html favicon.ico ./
+
+RUN npm install
+
+COPY ./src ./src
+COPY ./public ./public
+
+RUN npm run build
+
+FROM nginx:stable-alpine
+
+COPY --from=builder /usr/src/app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

nginx.conf

@@ -0,0 +1,19 @@
+server {
+  listen 80;
+
+  server_name localhost;
+
+  root /usr/share/nginx/html;
+
+  index index.html;
+
+  location / {
+    try_files $uri /index.html;
+  }
+
+  location /assets/ {
+    root /usr/share/nginx/html;
+    expires max;
+    add_header Cache-Control public;
+  }
+}

public/vite.svg

@@ -22,5 +22,6 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"]
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules"]
 }

tsconfig.app.json

@@ -20,5 +20,6 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.ts"],
+  "exclude": ["node_modules"]
 }

tsconfig.node.json

@@ -1,7 +1,14 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  base: "./",
+  build: {
+    outDir: "dist",
+    rollupOptions: {
+      input: "./index.html",
+    },
+  },
+});