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: 🦎 Run initialization steps at build time
• nuxt-kql: 🫧 Kirby's Query Language API for Nuxt
• nuxt-gtag: 🔸 Google Tag integration for Nuxt — GA4 with consent management, Google Ads and more
• vue-stickers: 🍦 One component, multiple fancy sticker variants

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.