SpotMicroESP32-Leika/docs/6_developing.md

Developing

Prerequsition: You have successfully build, flashed and configured your robot.

Setting up SvelteKit

Proxy Configuration for Development

Configure the proxy settings in the vite.config.ts file to direct API calls to your ESP32 device. By default it used the factory MDNS address, but can be changed to the ip if preferred.

server: {
    proxy: {
        '/api': {
            target: 'http://spot-micro.local', // Here
            changeOrigin: true,
            ws: true
        },
        '/ws': {
            target: 'ws://spot-micro.local', // Here
            changeOrigin: true,
            ws: true
        }
    }
},

Changes require a restart of the development server.

Start the Development Server

Use the following commands to launch the development server with Vite, enabling instant updates:

cd app
pnpm run dev

Access the frontend via the provided browser link.