When I was building this website, I constantly sought inspiration from some people involved in tech that I follow and look up to. One of these people is Josh Comeau (@JoshWComeau on Twitter).
On his website, I read an awesome blog titled Building a Modern-Day Hit Counter that shed some light on how powerful serverless functions in tandem with FaunaDB can be on Jamstack sites.
While his post dealt mainly with React/Gatsby, I wanted to use some of those serverless concepts and code he provided to create a “like” counter (in my case a “voltage” counter) on every blog post as a cool little detail (very similar to Josh’s “heart” counter on his blog posts). …
Recently, one of the most exciting things to happen to me was Sarah Drasner of Vue, Nuxt, SVG and animation fame tweeting about my website!
I’ve been really enjoying articles by @dparksdev, like this one about Nuxt Table of Contents with Active States. They’re well-explained, plus he has these nice touches on his site like little interactions you can play with! https://t.co/B34W0EztRF pic.twitter.com/llgCatwOTB
- Sarah Drasner (@sarah_edo) November 16, 2020
It’s safe to say that was a crazy day. Out of all the kind words I received, the most frequent piece of feedback I received was about my sites interactions. It’s true that interactions like the battery under my table of contents or an interesting train add a sense of joy and intrigue to an otherwise bland site. …
When reading a blog post online, I’ve always really enjoyed a table of contents on the side of the page indicating the position you are in the article. To me, it’s super helpful for gauging article length and assisting in navigation between topics.
Since I’ve decided to use the Nuxt Content module for this blog, I wanted to implement something that would indicate the active section of an article since the module injects the incredibly useful toc variable into every
.md file in my
content folder. …
The Nuxt team and community has recently released an expansive Nuxt Module Explorer which allows you to filer Nuxt modules by popularity, type, and Github stars.
Until I saw this explorer, I had no idea how robust the Nuxt Module ecosystem had become. I was able to find some really useful modules that I’ve used on this project and others.
The list can be pretty daunting (in an awesome way), so I figured I would boil it down to five that have helped me immensely. …
When sharing blog content or articles on social media it’s important to stand out. In a sea of Twitter posts users might simply scroll by an article you’ve worked hard on if the blog preview isn’t eye catching enough!
In this post, we’ll teach you how to generate beautiful sharing cards for your Nuxt Content blog posts! This post will use concepts laid out in Jason Lengstorfs amazing article where he details how to generate images for posts using Cloundinary’s API and a custom template, however we’ll be more focused on getting this going with Nuxt Content!
I would recommend going and reading his post before continuing, as you will need to setup your own template from within Cloundinary, as well as upload any custom fonts you want to use for your template. …