Bluesky comments as Nuxt Module
Bluesky's atmosphere inspired me to have my small space in the internet. Where people matter, connections are made, thoughts are shared.
So as a self-respected developer first I needed to spend whole Christmas break to prepare website, instead of focusing on writing what's on my mind.
Inspiration is the key#
Browsing through the posts I saw a very interesting concept from Emily Liu about having the comments section on your website directly from the Bluesky. The solution there was to use React component that can be easily integrated into React project, so I decided to create a similar one for the Vue and Nuxt world...and share it with you.
Introducing nuxt-bluesky-comments module#
Playing around the comments section was fun, I needed some famous accounts with lot of traffic, so prepared a playground at playground where you can paste any Bluesky post and see how the comments would look like for it.
The Bluesky comments module can be used directly with nuxt-content or as a standalone component in your project. To initialise comments section on your web page you just need to pass the URL of your post. You can also set CSS variables to modify the styling to match your own. The playground and readme file on github repository provide code examples on how to implement and use the module. I'm open to feedback as well!
Something extra - your handle is a domain#
This is where it shines, a lot of people have their spaces. It's not that you only visit popular social media sites and see what's going on. Many interesting places to visit out there so when a handle is not ending with standard bsky.social then the icon of the website appears
I believe this open web is something people will start looking more and more in times of generated content. It could help reconnect relations and find actual humans in all of this.
You can comment here to see the result below.