dev docker compose

compose.prod.yml

@@ -0,0 +1,41 @@
+services:
+  traefik:
+    image: traefik:v2.5
+    command:
+      - "--api.insecure=true"
+      - "--providers.docker=true"
+      - "--entrypoints.web.address=:80"
+    ports:
+      - "80:80"
+      - "8080:8080"
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+
+  db:
+    image: postgres
+    environment:
+      - POSTGRES_USER=postgres
+      - POSTGRES_PASSWORD=postgres
+      - POSTGRES_DB=db
+    ports:
+      - "5432:5432"
+    volumes:
+      - db-data:/var/lib/postgresql/data
+
+  sveltekit:
+    build: ./packages/web
+    restart: unless-stopped
+    environment:
+      - ORIGIN=http://localhost
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.personal-website.rule=Host(`stanrunge.dev`)"
+      - "traefik.http.routers.localhost.rule=Host(`localhost`)"
+      - "traefik.http.services.personal-website.loadbalancer.server.port=3000"
+    develop:
+      watch:
+        - action: rebuild
+          path: ./packages/web
+
+volumes:
+  db-data:

compose.yml

@@ -23,21 +23,22 @@ services:
       - db-data:/var/lib/postgresql/data
 
   sveltekit:
-    build: ./packages/web
-    restart: unless-stopped
+    image: oven/bun
+    volumes:
+      - ./packages/web:/app
+    working_dir: /app
+    command: bun run dev --host
     environment:
       - ORIGIN=http://localhost
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.personal-website.rule=Host(`stanrunge.dev`)"
       - "traefik.http.routers.localhost.rule=Host(`localhost`)"
-      - "traefik.http.services.personal-website.loadbalancer.server.port=3000"
+      - "traefik.http.services.personal-website.loadbalancer.server.port=5173"
     develop:
       watch:
-        - action: rebuild
+        - action: sync
           path: ./packages/web
-          ignore:
-            - node_modules/
+          target: /app
 
 volumes:
   db-data:

packages/web/src/routes/progress/[id]/+page.svelte

@@ -2,4 +2,4 @@
 	let { data } = $props();
 </script>
 
-<h1 class="my-4 text-2xl font-bold text-center">{data.task.name}</h1>
+<h1 class="my-4 text-2xl font-bold text-center">{data.task.name} lol lo</h1>