Split browser workflows from presentation

web/vite.config.ts

@@ -1,15 +1,21 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte';
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 
-export default defineConfig({
-  plugins: [svelte()],
-  build: {
-    manifest: true,
-    sourcemap: false
-  },
-  server: {
-    proxy: {
-      '/api': 'http://127.0.0.1:8080'
+export default defineConfig(({ mode }) => {
+  const backend =
+    loadEnv(mode, '.', '').NUTHATCH_DEV_BACKEND ?? 'http://127.0.0.1:8080';
+  return {
+    plugins: [svelte()],
+    build: {
+      manifest: true,
+      sourcemap: false
+    },
+    server: {
+      proxy: {
+        '/api': backend,
+        '/login': backend,
+        '/logout': backend
+      }
     }
-  }
+  };
 });