Nuxt Plugins

Since 2022, my focus has shifted from web development with Kirby CMS to Nuxt. Since the alpha phase of Nuxt 3, I have been actively following the meta-framework on GitHub. Over time, several open source projects emerged that I have been maintaining ever since:

• unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs
• @nuxtjs/plausible: 🎟️ Plausible Analytics integration for Nuxt
• nuxt-api-party: 🐬 Securely connect to any API with a server proxy and generated composables
• nuxt-prepare: 🦎 Build actions for Nuxt
• nuxt-vitalizer: 🪿 Instantly better LCP scores in Google Lighthouse
• nuxt-kql: 🫧 Kirby's Query Language API for Nuxt
• nuxt-gtag: 🔸 Google Analytics & Ads integration made easy

I would like to look at a few projects in more detail, as one or two of them have a story worth telling (?).

Nuxt Plausible

From a UX perspective, cookie banners are a thorn in my side. That's why I rely on Plausible, a tracking solution that complies with DSGVO and doesn't obstruct the user's clicking around on a website.

For a side project (Dachsbau) I wrote a module to connect Nuxt with Plausible as easy as possible. I later outsourced the initially internal plugin as a Nuxt module. Unexpectedly, I was offered to make the module available as an official Nuxt module. Sure!

What makes me most happy is that the Nuxt.com website uses it itself.

Nuxt KQL

As I mentioned at the beginning, I now use Kirby exclusively as a headless CMS. It is therefore my preferred choice, even after testing other content management systems that claim to be the tailor-made solution for the headless approach.

As there was no integration between Kirby and Nuxt, I set out to create the perfect solution. Over months and a steady learning curve with Nuxt, I have created a state that I am happy with and even a little proud of. Especially since it was my first public Nuxt plugin.