Search for a command to run...
I am a self taught developer currently residing in Connecticut. Currently my primary responsibilities are to be a stay at home dad. When I am not coding I enjoy skiing, rock climbing, backpacking, fishing, gravel & cross country cycling, trail running, and off-roading in my pickup. I am vegan chef and enjoy listening to Pat Metheny, Coldplay, and Shane & Shane. He/Him.
No comments yet. Be the first to comment.
Last week I started reading a new book titled "Starship For Sale" by M.R. Forbes. I thought it would be a fun project to build a fan site around the book series. While I was designing the site I wanted to add a forum so that other fans of the book se...
I have been in a bit of a coding slump lately. I have had them before but they lasted a week or so at the most, this one is different though as it has lasted over a month. Truth be told I have been a little distracted with some epic fishing, kayaking...
Yesterday (March 12th) marked my three year anniversary as a web developer. I started out with courses on Codecademy and freeCodeCamp(); and over the years I have learned quite a bit. It has been a fun journey and a hobby that got me through the pand...
There is quite a lot of information out there on how to setup a whole home Ad Blocker with Unifi and PiHole. So, I will not attempt to rewrite those tutorials. Rather I will focus on a few sticky points that I encountered and how I resolved them. Fo...
I have been searching high and low for a comment solution for my latest site I Love To Fish. I had tried Disqus but I really did not want to pay $11 a month. So, I kept looking. Then one day I came across utterances. I was intrigued could there actually be a comment solution that offered no tracking, was open source, no ads, lightweight, and that was always free? I dove in with exuberance.
After a bit of research though it seemed that utterance uses the Issue tab within the GitHub repository as a "database" of sorts, which did not allow users to reply to someone else's comment. That is where Giscus comes in.
Instead of using the Issues tab it utilizes the Discussions tab in the GitHub repo - and users are able to comment and/or react to other users comments. It was so simple to setup I thought for sure I was not doing it right. After about 20 minutes of coding I had replaced Disqus on my site with Giscus. It is pretty awesome!
The only downside I can see right now is that if users want to comment they have to log in with GitHub. This may detract some folks from wanting to comment if they do not already have a GitHub account...
Here is the link to my repository to see how I set it up. The Giscus site makes it pretty easy I just had to install the giscus app to a GitHub repository that I setup for the sole purpose of being the comments "database".
Then as I went through the Configuration options it auto populated the script tag further down the Giscus configuration page. Since I am building this for a NextJS app I followed the excellent documentation in the giscus component library found in the Advanced usage section.
This is where you need to enter your repos name (make sure you include your user name)
I created a component called Comments.js (I know I need to get with the times and "upgrade" to tsx) and put it in my blog layout. Now I have a great solution for managing comments in my blog post. If you have any questions feel free to reach out to me on Twitter or click the suitcase icon found in the footer of my portfolio site.
Happy coding!