Distr Launch Week: The new Dashboard
The new Distr Dashboard comes with support for multi application deployments per target, avatars, metrics.
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/distr-sh/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.
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.
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.
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 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. 😎
# @distr-sh/distr@1.9.1 buildng build --configuration=production --source-map=true
❯ Building...✔ Building...Initial chunk files | Names | Raw size | Estimated transfer sizemain-QFVDKA7M.js | main | 326.00 kB | 91.94 kBchunk-63CHSFAT.js | - | 300.78 kB | 76.87 kBchunk-BHIO7JRK.js | - | 166.59 kB | 49.35 kBstyles-QI4PTBSE.css | styles | 138.72 kB | 14.71 kBchunk-THV5RBBS.js | - | 107.63 kB | 25.78 kBpolyfills-Q763KACN.js | polyfills | 34.57 kB | 11.36 kBchunk-LFJUVAQA.js | - | 1.03 kB | 471 bytes
Initial total | 1.08 MB | 270.49 kB
Lazy chunk files | Names | Raw size | Estimated transfer sizechunk-RMHGQFCR.js | app-logged-in-routes | 704.54 kB | 154.39 kBchunk-5L57ZTDX.js | browser | 63.98 kB | 17.13 kBchunk-YLK7DU7V.js | nav-shell-component | 23.30 kB | 5.43 kBchunk-JISBMPPF.js | - | 4.30 kB | 1.48 kB# @distr-sh/distr@1.4.5 buildng build --configuration=production
❯ Building...✔ Building...Initial chunk files | Names | Raw size | Estimated transfer sizechunk-ZPNOAYI5.js | - | 635.51 kB | 159.45 kBscripts-PGJSDJ25.js | scripts | 572.84 kB | 128.09 kBmain-LYFHJHR3.js | main | 475.40 kB | 109.60 kBchunk-5RL27WWB.js | - | 197.69 kB | 57.67 kBchunk-NA52VAIS.js | - | 130.22 kB | 34.99 kBstyles-MX7U44S5.css | styles | 59.89 kB | 9.31 kBchunk-XGBYAQK4.js | - | 47.58 kB | 13.69 kBpolyfills-FFHMD2TL.js | polyfills | 34.52 kB | 11.28 kBchunk-7BXBZ5JU.js | - | 1.91 kB | 840 bytes
Initial total | 2.16 MB | 524.93 kB
Lazy chunk files | Names | Raw size | Estimated transfer sizechunk-3HCZJOWX.js | dashboard--component | 1.76 MB | 360.09 kBchunk-3OFHP4XL.js | apexcharts-esm | 571.10 kB | 127.67 kBchunk-FYY72LAW.js | browser | 63.97 kB | 17.13 kBchunk-GCIIXV6Y.js | home-component | 1.25 kB | 649 bytesConclusion
Is anything missing? You can try out our new dashboard yourself by signing up for a free Distr account at Get Started.
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!
P.S.: Read all our announcements of this week’s launch week here: #distr-launch-week
