Sign inSign up

maximiliysiss/konfigo-frontend

By maximiliysiss

Updated about 1 month ago

Konfigo SvelteKit web UI for configuration management

Image
0

319

maximiliysiss/konfigo-frontend repository overview

Konfigo Frontend

SvelteKit Svelte TypeScript Vite Tailwind CSS Docker CI/CD Version

SvelteKit web UI for managing Konfigo services, config versions, and config entries.

Features

  • Browse and search registered services
  • View and edit config versions and their entries
  • Set config values with optimistic concurrency (generation-guarded)
  • Role-aware UI — admin actions hidden for developer-role users
  • Real-time Svelte stores backed by the Konfigo REST API

Development

npm install
npm run dev        # http://localhost:5173

For local end-to-end work, start the backend compose stack and open nginx at http://localhost:3000. It proxies / to the Vite dev server and backend paths to http://localhost:8080, keeping browser requests on one origin.

Set relative backend URLs in .env:

PUBLIC_API_URL=/api
PUBLIC_SIGNALR_URL=/hubs/config

Production build

npm run build
npm run preview    # preview the production build locally

Docker

docker build -t konfigo-frontend .
docker run -p 3000:3000 \
  -e PUBLIC_API_URL=https://your-backend/api \
  -e PUBLIC_SIGNALR_URL=https://your-backend/hubs/config \
  konfigo-frontend

The image uses @sveltejs/adapter-node and runs as a plain Node.js server on port 3000.

More Information

Tech stack

PackagePurpose
SvelteKitFramework + routing
Tailwind CSSUtility-first styling
TypeScriptType safety

Tag summary

Content type

Image

Digest

sha256:111492e3d

Size

59.3 MB

Last updated

about 1 month ago

docker pull maximiliysiss/konfigo-frontend