Skip to main content

Distr Launch Week: The new Dashboard

Philip Miglinci
Co-Founder
· 5 min read

I am Philip—an engineer working at Glasskube, which helps software and AI companies distribute their applications to self-managed environments. We build an Open Source Software Distribution platform called Distr (github.com/glasskube/distr).

Adding support for multiple deployments per target and introducing metrics forced us to rethink our current dashboard and led to redesigning it from scratch.

thumbnail

Previous version of the Distr Dashboard

Initially we thought that AI companies and software vendors would deploy with Distr around the globe, annotating every deployment with the respective geolocation. Additionally, we added some graphs on the dashboard to visualize the uptime of deployment targets over time. To be quite frank, our users didn't mind having these components on our old dashboard, but they also didn't find them useful.

Previous Distr DashboardPrevious Distr Dashboard
Previous version of the Distr Dashboard


With the recent introduction of our container registry we are now also supporting fully self-managed environments in addition to agent-based assisted self-managed environments.

Current version of the Distr Dashboard

Our new dashboard is a unified view for software vendors to check all their customers on one page.

Previous Distr DashboardPrevious Distr Dashboard
Current version of the Distr Dashboard


Moving from a deployment table to cards

The main reason for the switch to cards was the introduction of multiple deployments per deployment target in Distr v1.6. Often software vendors receive a pretty beefy VM or quite large namespace to deploy their software to. Modern applications consist of multiple application components which might need to be deployed independently of each other, so the docker compose and Helm Charts stay in a manageable size.

With the introduction of cards we are now able to display a list of all deployed applications on a deployment target.

Adding CPU & Memory Utilization

Deployment target metrics have been introduced in Distr v1.9. We extended our agent to not only reconcile the application deployment but also collect—if configured—metrics from the target.

Read more about the Docker Metrics Collection and Kubernetes Metrics Collection in our documentation.

These newly introduced metrics allow us to calculate the CPU and memory utilization of the deployment targets. These metrics allow you to spot any resource constraints directly on the Dashboard.

Avatars

The introduction of images was a rather small addition in Distr v1.6, but allows users to associate customers and deployments with images to further customize their Distr experience.

Performance

Removing globe.js and our charting library allowed us to reduce the bundle size for our application from around 4.3MB to 1.9MB. 😎

# @glasskube/distr@1.9.1 build
ng build --configuration=production --source-map=true

❯ Building...
✔ Building...
Initial chunk files | Names | Raw size | Estimated transfer size
main-QFVDKA7M.js | main | 326.00 kB | 91.94 kB
chunk-63CHSFAT.js | - | 300.78 kB | 76.87 kB
chunk-BHIO7JRK.js | - | 166.59 kB | 49.35 kB
styles-QI4PTBSE.css | styles | 138.72 kB | 14.71 kB
chunk-THV5RBBS.js | - | 107.63 kB | 25.78 kB
polyfills-Q763KACN.js | polyfills | 34.57 kB | 11.36 kB
chunk-LFJUVAQA.js | - | 1.03 kB | 471 bytes

Initial total | 1.08 MB | 270.49 kB

Lazy chunk files | Names | Raw size | Estimated transfer size
chunk-RMHGQFCR.js | app-logged-in-routes | 704.54 kB | 154.39 kB
chunk-5L57ZTDX.js | browser | 63.98 kB | 17.13 kB
chunk-YLK7DU7V.js | nav-shell-component | 23.30 kB | 5.43 kB
chunk-JISBMPPF.js | - | 4.30 kB | 1.48 kB

Conclusion

Is anything missing? You can try out our new dashboard yourself by signing up for a free Distr account at signup.distr.sh.

We are very excited about this new dashboard and hope you also like what we built. If you have any other feedback, please let us know!

Sign up and explore Distr

Distr is a battle tested software distribution platform that helps you scale from your first self-managed customers to dozens and even thousands.

P.S.: Read all our announcements of this week's launch week here: #distr-launch-week