Comments and likes using Bluesky

Setup

  1. Set the BLUESKY_IDENTIFIER in your src/config.ts file to your bluesky handle (without the @).

  2. Then just post a link to your blog post on bluesky and comments will be shown on your blog posts, looking something like this:

showing comments

That’s it!

Notes

No “add comment” link is shown if there is no post by you on bluesky linking to your blog post.

Once you post a link to your blog post on bluesky, likes will also be shown (see likes via bluesky). If you don’t want to show likes, you can disable them using the disableLikes option in your post options.

disableLikes: true

Alternative, you can also disable comments by setting the disableComments option in your post options and just show likes.

disableComments: true

Live example

Like or comment on bluesky
47 likes
liked by Victoria 🚂liked by Takayuki KUSANOliked by Stu Pockneeliked by liked by Brave’s rescue program 🇺🇬liked by Lachlan Campbellliked by Whey!liked by Antoineliked by liked by liked by falcucciliked by rogama @globitos.bsky.social 🏳️‍🌈liked by Alexeyliked by Lantto (making Sandustry - falling sand meets automation)liked by Max Knerrichliked by Devin Laneliked by EmNudgeliked by Foldsterliked by Monkiliked by Pablo Fdez ❄️liked by Jeremy Bierlyliked by verdvermliked by Ilyass | Brave Rooster Gamesliked by RGMliked by Daxliked by kauêliked by liked by Mandar1jnliked by Sarah Rainsbergerliked by answer ✨liked by Mattliked by Chris Dliked by Theis Grønbech Petersenliked by lionbyteliked by DamianoMeliked by Chris Bajgierliked by Viteliked by Mark Bennett 🏳️‍🌈🧑🏻‍💻🏃🏻🍁liked by Joelliked by Brad Esteyliked by Alexi⚡🏗️📚🇺🇸liked by Robert Linliked by patakliked by moshyfawnliked by Laurens
+2
26 comments, sorted by newest first
nice work!!
Geoff George
4mo ago
Amazing! Wondering how easy this would be to set up with my Gatsby implementation.
verdverm
4mo ago
Have you looked into using OAuth so the comment section can leverage the author or reader's moderation preferences?

We may want to get ahead of the link spam
flo-bit
4mo ago
haven't really looked into it, but yeah some moderation would be good, was thinking about using some labeler

oauth would mean that the site couldn't be static anymore (i think so at least? not sure honestly), and i'd really like to keep it static
verdverm
4mo ago
There is an example of a browser only client here: github.com/bluesky-soci...

re: labellers, my thought was more about respecting the labeller choices of the readers, if they choose to oauth, optional ofc.
flo-bit
4mo ago
uh that's very interesting 👀

yeah, respecting a readers choice re what to moderate would be awesome, as a first step I'd like to give the blog author the possibility to moderate though
verdverm
4mo ago
app passwords in the config/secrets during deployment might be the way to go then. Authors can create them under Settings > Privacy & Security
Dax
4mo ago
Just imagine me sipping tea reading the repo on my phone going

oh hmmmm ahhh u used svelte comps here mmm now where r the actual calls…
flo-bit
4mo ago
I’ll write a blog post about how to add that to other astro sites soon, but getting the posts for the static build works with the experimental content layer and github.com/ascorbic/ast...

Client side fetching is in ‘src/components/bluesky/utils.ts’
Dax
4mo ago
mmm too late I got the @zed.dev hacker sweatshirt out and cuddled into bed to hack it out... its < 60 degrees here in texas rn

thanks for the help can i get a little feedback? I feel like my font is too small on this

blog.skill-issue.dev/blog/rusty_p...

will try to implement ur thing in static
flo-bit
4mo ago
code font is too small imo, everything else is fine but could be bumped up a pixel or two

there's also some overflow-x issue (can scroll slightly to the right)

it's also a lot of code, highlighting could be nice + maybe long code blocks could have just a few lines visible with a option to extend
Dax
4mo ago
Oh I really like this. I cant wait to read ur implementation.
Mandar1jn
4mo ago
Amazing project
DamianoMe
4mo ago
Cool project.
Vite
4mo ago
Astro rocks.
Vite
4mo ago
works like a charm @flo-bit.dev
flo-bit
4mo ago
gotta work on showing images too
patak
4mo ago
Looks fantastic! Hey flo-bit's blog readers 👋
flo-bit
4mo ago
did steal the design mostly from elk too 🙃
patak
4mo ago
liked your reply coming from your blog post, awesome stuff, and good choice with the design ;)
flo-bit
4mo ago
First!
flo-bit
4mo ago
this is what it looks like right now: