Showing comments using Bluesky

You can also show comments on your blog posts using bluesky.

How it works

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

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

Note that no โ€œadd commentโ€ link is shown if there is no post on bluesky linking to your blog post.

Comments are both server-side rendered on build and updated on the client when you navigate to the page (so they work without javascript, but might be a bit outdated).

If 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

See a live example below:

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 RGM - em traje de galaliked 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
3mo ago
Amazing! Wondering how easy this would be to set up with my Gatsby implementation.
verdverm
3mo 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
3mo 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
3mo 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
3mo 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
3mo 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
3mo 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
3mo 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
3mo 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
3mo 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
3mo ago
Oh I really like this. I cant wait to read ur implementation.
Mandar1jn
3mo ago
Amazing project
DamianoMe
3mo ago
Cool project.
Vite
3mo ago
Astro rocks.
Vite
3mo ago
works like a charm @flo-bit.dev
flo-bit
3mo ago
gotta work on showing images too
patak
3mo ago
Looks fantastic! Hey flo-bit's blog readers ๐Ÿ‘‹
flo-bit
3mo ago
did steal the design mostly from elk too ๐Ÿ™ƒ
patak
3mo ago
liked your reply coming from your blog post, awesome stuff, and good choice with the design ;)
flo-bit
3mo ago
First!
flo-bit
3mo ago
this is what it looks like right now: