DEV Community

A Programmar
A Programmar

Posted on

I built XIVIZLEY: An Open-Source Visual Docker Compose Architect (At 14)

#docker #opensource #showdev #webdev

Hey everyone! 👋

I'm Alperen, a 14-year-old student and developer from Turkey.

Like many self-hosters and DevOps enthusiasts, I love Docker. But as my homelab grew, managing multiple docker-compose.yml files became a headache: port collisions (e.g. port 80 or 8080 taken by another service), YAML indentation errors, and manually writing deployment bash scripts.

So over the last few months, I built XIVIZLEY — an interactive, visual Docker Compose architect in the browser.

🌐 Live Demo & Source Code

✨ What XIVIZLEY Does

  1. Interactive Node Canvas: Drag and drop from over 60+ pre-configured homelab modules (Nextcloud, Jellyfin, Ollama AI, Nginx Proxy Manager, Vaultwarden, Pi-hole, and more).
  2. Real-time Conflict Resolver: Instantly detects overlapping host ports and suggests safe alternative ports with one click.
  3. Bi-directional YAML: Import an existing docker-compose.yml to visualize it as a graph, or design your stack visually and export clean, production-ready YAML.
  4. Automated Bash Deployment: Generates ready-to-run setup scripts for Ubuntu and Debian servers.
  5. Hardware Estimator: Live calculation of RAM and CPU resource consumption.
  6. 100% Client-Side: No accounts required, no telemetry, runs entirely inside your browser.

🛠️ Tech Stack

  • Next.js 14 (App Router)
  • React Flow (@xyflow/react)
  • Tailwind CSS & Lucide Icons
  • TypeScript & Zustand

I'd love to hear your feedback, suggestions, or feature requests! What modules should I add next?

Top comments (0)