chore: make port confirugable

- Use PORT environment variable for vite server
- Use POST_HMR environment variable for vite hmr

Author: svedova

src/vite-server.ts

@@ -77,8 +77,10 @@ async function createServer() {
     }
   });
 
-  app.listen(5173, () => {
-    console.log(`Server listening on http://localhost:5173`);
+  const port = process.env.PORT || 5173;
+
+  app.listen(port, () => {
+    console.log(`Server listening on http://localhost:${port}`);
   });
 }
 

vite.config.ts

@@ -4,6 +4,11 @@ import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  server: {
+    hmr: {
+      port: Number(process.env.PORT_HMR) || undefined,
+    },
+  },
   resolve: {
     alias: [
       {