All posts

Tracking the RepoTracker Stack (Showcase)

Published on January 24, 2023 in Lisbon, Portugal

RepoTracker started as an experiment to test the readiness of Nuxt 3 beta and to track development progress of all relevant community modules on GitHub to answer the question, "does it make sense already to upgrade from Nuxt 2 to Nuxt 3?". Luckily, this question has been answered by now and the consensus is, "yes"!

You can read the full story about that journey on dev.to.

A few iterations later, RepoTracker is close to v1 and has matured to a universal repository tracker that can generate statistics and insights for any public GitHub repository (tracking of private repositories is coming soon).

But, RepoTracker is also an experiment to test and play with the latest web technologies in the Vue ecosystem, Vite, Pinia, etc. For instance, this blog is powered by Nuxt Content v2 (which is amazing!) and at some point there might also be a comprehensive documentation based on Docus (check it out!).

And what better way to showcase RepoTracker's capabilities than by using it to track its own stack?

You can find a collection of all relevant repositories related to the RepoTracker stack here:

https://repo-tracker.com/c/repo-tracker

Or if you want to add the collection to your own RepoTracker profile and play around with it you can just download the .repoc file here and import it into a new collection.

But let's take a look at what's under the hood. RepoTracker is obviously built with Nuxt 3 and leverages many of the magnificent community modules. Here's the stack:

more below...

RepoTracker stack - part 1
RepoTracker stack - part 1

All packages were specifically selected to deliver as much functionality as possible as fast as possible. Needless to say that I'd also recommend the above stack for your next project, with one exception and a word of caution.

Exception:

Drop WindiCSS for UnoCSS by @antfu. It seems like development on WindiCSS has stalled and UnoCSS is the new kid on the block. You will lose the ability to use SCSS but Uno brings a lot of improvements with it, my favorite being an improved attributify mode.

Word of caution:

It is not clear weather nuxt-pwa-module will be the official PWA module for Nuxt 3. It seems like the Nuxt core team is favoring vite-pwa/nuxt since they use it in their showcase app Elk. Elk is a Mastodon client and I'd highly recommend you check it out, especially if you build apps with Nuxt.

That's it for now, thanks for reading and stay tuned for more posts ✌🏽


More posts