diff --git a/docs/02-Preparation/03-Frontend-setup.md b/docs/02-Preparation/03-Frontend-setup.md new file mode 100644 index 0000000..5f99d50 --- /dev/null +++ b/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. +