Learn how to leverage Netlify functions, FaunaDB and Nuxt.js to create a dynamic like counter for your blog posts!

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). I’ll also be re-using and extending some of his code so I would like to give him credit!

The aim of this post is to get you setup using Netlify functions and FaunaDB, and to show you how you can leverage these tools to build a dynamic “like” counter for your personal Nuxt blog.

#nuxt #netlify #vue #javascript #web-development