docs/02-Preparation/03-Frontend-setup.md

@@ -0,0 +1,26 @@
+**Vaessl: Frontend setup**
+
+Vite will act as development server for the React app. The necessary packages especially the correct NodeJs version are baked into the Docker image documented in [code-server adjustments](https://gitea.kasuns.website/kasun/Vaessl/src/branch/main/docs/02-Preparation/01-code-server-adjustments.md) 
+
+Port 5173 needs to be exposed in the code-server container via port variable.
+
+To ensure proper localhost Url generation the following server parameters need to be added to the vite.config.ts.
+
+```
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    host: '0.0.0.0',
+    port: 5173,
+    allowedHosts: ['5173.code-server.your.website'],
+  },
+})
+
+```
+
+Don't forget to add the host to your proxy service.
+