diff --git a/client/deno.json b/client/deno.json
index 99389ae..15f0443 100644
--- a/client/deno.json
+++ b/client/deno.json
@@ -4,5 +4,12 @@
     "build": "deno run -A  npm:vite build",
     "preview": "deno run -A  npm:vite preview",
     "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+  },
+  "compilerOptions": {
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable"
+    ]
   }
 }
diff --git a/client/src/main.ts b/client/src/main.ts
index d213cab..74da642 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -2,7 +2,7 @@ import './style.css'
 
 const presenceInfo = document.querySelector<HTMLDivElement>('#presence-info')!
 const canvas = document.querySelector<HTMLCanvasElement>('#canvas')!
-const socket = new WebSocket(`${window.location.protocol.replace('http', 'ws')}//${window.location.hostname}/server`)
+const socket = new WebSocket(`${window.location.protocol.replace('http', 'ws')}//${window.location.host}/server`)
 
 type Message =
   | { type: 'presence-information', others: number }
diff --git a/client/vite.config.js b/client/vite.config.js
new file mode 100644
index 0000000..629e186
--- /dev/null
+++ b/client/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  server: {
+    proxy: {
+      '/server': {
+        target: 'ws://127.0.0.1:5174',
+        changeOrigin: true,
+        ws: true,
+      },
+    },
+  },
+})