MeshMap Frontend
Vue 3 + TypeScript + Vite frontend for the Meshtastic MQTT server.
Features
- Left panel: recent chat messages
- Right panel: Leaflet/OpenStreetMap node map
- Bottom panel: selected node details, recent messages, and recent positions
The app uses relative /api URLs. In development, Vite proxies /api to the Go backend.
Development
Start the Go backend:
go run . --web-host 127.0.0.1 --web-port 8080
Start the frontend dev server:
cd meshmap_frontend
npm install
npm run dev
Production build
cd meshmap_frontend
npm run build
The build output is written to the repository root dist/ directory, which is served by the Gin backend.
Map tiles
The map uses Leaflet with OpenStreetMap tiles:
https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png
Network access to the tile server is required unless this is changed to a local tile source later.