Building a Real-Time Garmin Dashboard on My Personal Website

Pedro Araújo — Wed, 11 Mar 2026 13:32:10 +0000

I wanted a page on my website that showed my training data.

A heatmap like GitHub's contribution graph, but for workouts.
Why? I don't really know, but it looks cool and it's a fun way to view my training data.
And of course, I'm also not a fan of garmin connect's UI, so with this method I can view my data however I want.

The problem: Garmin has no public API

This is the main issue. You can't just grab a token and start fetching.
Luckily, there's there's python-garminconnect, a reverse-engineered Python library that wraps Garmin's internal APIs, so I just hosted that on my VPS.
Garmin uses OAuth tokens managed by the garth library under the hood. First setup requires MFA (I think only if you have ECG enabled), but after that tokens persist to disk and refresh automatically
After this boring part is done, I can easily query any any sort of data, like /sleep_data. /body_composition, etc.

Astro SSR on Cloudflare

I've built this entire site on Astro, just because I'm tired of next.js.
At this point, I've almost ditched it entirely and most of my projects run on React Router 7 or Astro.
I chose SSR over static builds because I'm not gonna be rebuilding the site every time I go for a run.
I use cf.cacheTtl so Cloudflare's edge caches the responses too. Combined with the VPS cache and browser Cache-Control headers, that's three layers of caching. Data is always fresh enough without hitting Garmin API's on every page load.

Withings Data

I use a Withings Body+ for weight, body fat, and muscle mass. It doesn't sync to Garmin natively, but withings-sync handles that.
All it does is pull data from the Withings API and pushes to Garmin Connect. It runs every day on a cron job on the same VPS.
Every morning after I weigh in, the data shows up in Garmin, and then my training page picks it up through the body composition endpoint. I show 30-day rolling averages instead of the last reading because daily weights can be noisy.

What I'd change

Honestly not much.
This whole thing only took 30m-1h to setup (thank you Claude for handling the boring setups) and then creating the frontend was also pretty easy.
My input was mostly the design and telling Claude what architecture to follow.

Stack

Layer	Tech
Watch	Garmin Fenix 7 Pro
Scale	Withings Body+ > withings-sync > Garmin
API	Python FastAPI + python-garminconnect on VPS
Web	Astro SSR on Cloudflare Workers
UI	React 19 + Tailwind + Framer Motion
Cache	VPS (1h) > Cloudflare edge > browser

Check it out at https://araujo.zip/training.

How to Convert Your Behance Profile and Projects to PDF

Pedro Araújo — Tue, 27 Feb 2024 16:12:00 +0000

Having a good portfolio is key.
And as we all know, Behance has become a standard in showcasing portfolios and it allows designers and photographers to show their projects in a super easy, but professional way.

But there are several reasons why you should convert your behance portfolio into a PDF format. Here's how you can easily do it using Lasso's Convert To PDF Tool.

But Why Convert Your Behance Profile to PDF?

Offline Accessibility: A PDF version of your Behance portfolio can be accessed offline, ensuring that your work can be viewed anytime, anywhere, without relying on internet access.
Universal Format: PDFs are widely recognized and can be opened on virtually any device or operating system, making your portfolio more accessible to a broader audience.
Professional Presentation: PDFs offer a professional way to present your work in a format that is widely accepted in the business world, ideal for emails, presentations and printouts.
Control over Layout: While Behance offers a great platform for displaying your work, converting your projects to PDF gives you more control over the layout and presentation of your portfolio.
Archiving and Backup: Having a PDF copy provides a backup of your portfolio, ensuring that your work is preserved in a format that won't change over time.
Sharing and Distribution: PDFs are easy to share and distribute, making it easier to send your portfolio to potential clients, employers, or collaborators.
Print-Ready: A PDF version of your portfolio is print-ready, allowing you to easily create physical copies for interviews, presentations, or exhibitions.

Convert a Profile

Visit the Lasso Tool: Enter your email or login with google at Lasso's Behance to PDF conversion page.
Choose a Template After login, select the template you want for your PDF
Enter Your Behance Profile URL: Enter your username and paste it into the designated field on the app.
Start the Conversion Process: Follow the checklist, making sure all your data on behance is up-to-date. Once you're readdy, click on the convert button to initiate the conversion. Lasso will process your Behance project and convert it into a PDF file.
Download Your PDF: Once the conversion is complete, you'll be able to download the PDF version of your project. You will be a paid account to download a non-watermark version, that's ready for professional use.
Review and Share: Make sure to review the PDF for any layout or formatting issues.
If you want to make any changes, just update your behance portfolio and generate your pdf again.

Convert a Project

Login to Lasso: Enter your email or login with google at Lasso's Behance to PDF conversion page.
Enter Your Behance Project URL: Enter the URL of the Behance project you want to convert to PDF. Simply copy the URL from your browser and paste it into the designated field on the app.
Start the Conversion Process: Click on the convert button to initiate the conversion. Lasso will process your Behance project and convert it into a PDF file. (Note that it might take a few minutes to process, depending on the size of your project.)
Download Your PDF: Once the conversion is complete, you'll be able to download the PDF version of your project. You will need a paid account to download a non-watermark version, that's ready for professional use.

Convert to Your Own Website

With Lasso, you can also convert your Behance projects to your own website! PDFs are super useful, but having a website is even better.

Just go to Portfolio Builder, claim your unique username, which will be available at lasso.ink/(username), and follow the steps to create your own website. You can import your Behance information and projects directly, saving you hours work and then choose one of our templates to customize it to your liking.

Conclusion

Converting your Behance projects to PDF is a great move for any designer or photographer looking to expand the reach and accessibility of their portfolio. With Lasso, this process is super easy and efficient. No need to waste time designing different versions of the same portfolio, just for one job offer.

By converting your Behance projects to PDF, you can ensure that your work is accessible, professional, and preserved for the long term.

And with the website builder, you can take it a step further and create your own website. That way you can have the best of both worlds, a professional PDF and a website to showcase your work.

Forem: Pedro Araújo