Image for post
Image for post

Intro

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…


Image for post
Image for post

Intro

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


Image for post
Image for post

Intro

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. …


Image for post
Image for post

Intro

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. …


Image for post
Image for post

Intro

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…

David Parks

Hi there! My name is David Parks and I’m a Front-end Developer from Milwaukee Wisconsin. I’m passionate about the Jamstack, Vue, and Serverless technologies!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store