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 as a cool little detail (very similar to Josh’s “heart” counter on his blog posts). …


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


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

About

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