Dec 2, 2024

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

26 comments, sorted by newest first

ubanis(Bluesky)

3mo ago

nice work!!

0 1

Geoff George

3mo ago

Amazing! Wondering how easy this would be to set up with my Gatsby implementation.

0 0

Just John 🇺🇸🇩🇪🇰🇷

3mo ago

👀

0 0

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

1 1

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

1 0

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.

1 0

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

1 0

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

0 1

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…

1 1

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’

1 1

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

1 1

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

0 0