zackwag/caddy-ui-frontend repository overview

⁠caddy/ui — Frontend

The web frontend for caddy/ui⁠, a web interface for managing your Caddy⁠ server. Built with React and served via Nginx.

⁠Features

• Dashboard with server status, route count, upstream health, and process info
• Caddyfile editor with syntax highlighting, format-on-save, validation, and version history
• Route manager — add, edit, and remove reverse proxy routes across all server blocks
• TLS certificate overview with expiry tracking, status badges, and orphaned cert cleanup
• Root CA certificate download
• Live access log streaming with filtering and search
• HTTP metrics dashboard with response code breakdown, latency percentiles, and per-route stats
• Push notification settings — configure ntfy, Discord, Slack, Pushover, or custom webhook alerts
• Dark and light theme with system-aware toggle
• Responsive mobile layout with collapsible sidebar
• Optional JWT authentication with session expiry handling

⁠Quick Start

services:
  caddy-ui-frontend:
    image: zackwag/caddy-ui-frontend:latest
    container_name: caddy-ui-frontend
    restart: unless-stopped
    ports:
      - 8080:80
    networks:
      - caddy-ui
    depends_on:
      - caddy-ui-backend

The frontend proxies API requests to the backend via Nginx. The default Nginx config expects the backend at caddy-ui-backend:3001.

⁠Custom Nginx Config

If your backend has a different hostname or port, mount a custom Nginx config:

volumes:
  - ./nginx.conf:/etc/nginx/conf.d/default.conf

⁠Tags

⁠Source

github.com/zackwag/caddy-ui⁠