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
45 likes
liked 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 ๐Ÿณ๏ธโ€๐ŸŒˆโ„๏ธliked by Alexeyliked by Lantto ๐Ÿญ Sandustry, a particle-factory simliked 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 dfgliked by Mandar1jnliked by Sarah Rainsbergerliked by answer โœจliked by Mattliked by Chris D ๐Ÿ›ธ ๐Ÿ‘ฃ ๐Ÿ‘ปliked by Theis Grรธnbech Petersenliked by lionbyteliked by DamianoMeliked by Chris Bajgierliked by Viteliked by Mark Bennett ๐Ÿณ๏ธโ€๐ŸŒˆ๐Ÿง‘๐Ÿปโ€๐Ÿ’ป๐Ÿƒ๐Ÿป๐Ÿliked by Dustinliked by Joelliked by Brad Esteyliked by Alexiโšก๐Ÿ—๏ธ๐Ÿ“š๐Ÿ‡บ๐Ÿ‡ธliked by Robert Linliked by patakliked by moshyfawnliked by Laurens
+2
27 comments, sorted by newest first
nice work!!
Geoff George
1w ago
Amazing! Wondering how easy this would be to set up with my Gatsby implementation.
verdverm
1w 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
1w 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
1w 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
1w 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
1w 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
1w 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
1w 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
1w 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
1w 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
1w ago
Oh I really like this. I cant wait to read ur implementation.
Mandar1jn
1w ago
Amazing project
DamianoMe
1w ago
Cool project.
Vite
1w ago
Astro rocks.
Vite
1w ago
works like a charm @flo-bit.dev
flo-bit
1w ago
gotta work on showing images too
Dustin
1w ago
Welcome to the Astro blog Bluesky comments club! ๐Ÿ‘‹
patak
1w ago
Looks fantastic! Hey flo-bit's blog readers ๐Ÿ‘‹
flo-bit
1w ago
did steal the design mostly from elk too ๐Ÿ™ƒ
patak
1w ago
liked your reply coming from your blog post, awesome stuff, and good choice with the design ;)
flo-bit
1w ago
this is what it looks like right now: