DEV Community

Cover image for Introducing Atom Homepage: Your Self-Hosted Dashboard for Everything
Sudheer Bhuvana
Sudheer Bhuvana

Posted on

Introducing Atom Homepage: Your Self-Hosted Dashboard for Everything

#webdev #homelab #opensource #selfhosted

I'm excited to share Atom Homepage - a modern, lightweight self-hosted dashboard that brings all your services, Docker containers, and system monitoring into one beautiful interface.

Atom Dashboard Screenshot

The Problem I Wanted to Solve

Like many developers and self-hosters, I had dozens of services running - Docker containers, web apps, internal tools like Sonarr, Radarr, Pi-hole - scattered across different ports and subdomains. Remembering URLs, checking if services were up, and monitoring system resources meant juggling multiple browser tabs and terminals.

I wanted something clean, fast, and actually useful. Not just another bookmark manager, but a true command center for my homelab.

What Makes Atom Different?

🎯 Smart Search That Actually Works

The search bar doesn't just filter your apps - it understands context. Start typing and watch it instantly filter through applications and bookmarks. No matches? It automatically falls back to web search (Google, DuckDuckGo, or Bing - your choice).

Hit / from anywhere to jump to search. It's that fast.

📊 Real-Time Service Monitoring

Every service card shows live uptime status with visual ping/HTTP indicators. The system monitor widget displays CPU, memory, disk, and network stats that auto-refresh every 3 seconds. Know instantly when something goes down.

🐳 Full Docker Control

If you're running Docker (and who isn't?), Atom gives you complete container management:

Docker Management

  • Container dashboard with real-time stats
  • Start/Stop/Restart containers with one click
  • Open terminals directly in your browser
  • Live log streaming with auto-scroll
  • Port mappings and resource usage at a glance
  • Container count widget for your homepage

All without leaving your dashboard or SSH-ing into your server.

🔌 Pre-built Integrations

Atom comes with ready-to-use templates for popular self-hosted apps:

  • Sonarr / Radarr - Media management stats
  • Pi-hole - DNS and ad-blocking metrics
  • Glances - Advanced system monitoring
  • Tautulli - Plex viewing statistics
  • Generic JSON API - Connect to anything

No wrestling with API documentation - just select a preset and add your API key.

⚡ Flexible Everything

Three layout modes optimized for different use cases:

  • 6-column grid for maximum density
  • 4-column grid for larger cards
  • List view for compact organization

Switch between them with keyboard shortcuts (1, 2, 3). Dark/light themes. Customizable widget system. Your dashboard, your way.

Tech Stack

Built with modern web technologies for speed and reliability:

  • Next.js 15 with server-side rendering
  • React for the UI
  • SQLite for data persistence
  • Docker for easy deployment
  • bcrypt for secure authentication

The entire stack is designed to run efficiently on minimal hardware - perfect for a Raspberry Pi or your homelab server.

Security First

Authentication is built-in from day one:

  • Secure password hashing with bcrypt
  • HTTP-only cookies
  • Session management
  • Protected API endpoints
  • CORS and XSS protection headers

Your dashboard stays private and secure.

Keyboard-Driven Workflow

Power users will love the keyboard shortcuts:

  • / - Jump to search
  • ? - Show all shortcuts
  • s - Open settings
  • 1, 2, 3 - Switch layouts
  • Esc - Close modals

Less mouse, more productivity.

Getting Started

Deployment is dead simple with Docker:

docker run -d \
  --name atom \
  -p 3000:3000 \
  -v atom-data:/app/data \
  -v /var/run/docker.sock:/var/run/docker.sock \
  sudheerbhuvana25/atom-homepage:latest
Enter fullscreen mode Exit fullscreen mode

First run walks you through onboarding, and you're ready to go. No complex configuration files, no YAML hell.

Data Portability

Your data stays yours:

  • Export/import configuration as JSON
  • Download database backups
  • No cloud lock-in
  • Everything runs locally

Real-World Use Case

Here's my personal setup:

  • Services monitored: 15+ Docker containers (Plex, Nextcloud, Home Assistant, etc.)
  • System monitoring: Raspberry Pi 4 homelab
  • Widgets: Pi-hole stats, Sonarr/Radarr queues, weather, system resources
  • Layout: 6-column grid for at-a-glance monitoring

Everything I need on one screen, accessible from any device on my network.

What's Next?

I'm actively developing Atom and have exciting features planned:

  • Drag-and-drop reordering for apps
  • More pre-built integration presets
  • Advanced Docker management (compose support)
  • RSS feed widget
  • Calendar integration
  • Mobile-optimized layouts

Try It Out

The project is open source and ready for you to deploy:

GitHub: https://github.com/sudheerbhuvana/atom-homepage
Docker Hub: https://hub.docker.com/r/sudheerbhuvana25/atom-homepage

I'd love to hear your feedback, feature requests, or contributions. If you're running a homelab or managing multiple services, give Atom a try and let me know what you think!

Star the repo if you find it useful, and feel free to open issues or PRs. Let's build the best self-hosted dashboard together! 🚀

Top comments (0)