Showing Likes using Bluesky

You can show likes 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 likes will be shown on your blog posts, looking something like this:

showing likes

Note that no like link is shown if there is no post on bluesky linking to your blog post.

Likes 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, comments will also be shown (see comments via bluesky). If you donโ€™t want to show comments, you can disable them using the disableComments option in your post options.

disableComments: true

See a live example below:

Like or comment on bluesky
9 likes
liked by Kula Workshopliked by Dominik ๐Ÿ”ฎliked by Nathan Lawsonliked by Sarah Rainsbergerliked by liked by Catalin Pitliked by Oliver Turnerliked by Matthias Lรผbkenliked by Vlad
15 comments, sorted by newest first
this is reply with new lines

two new lines above

one new line
this is a test reply for testing if comments work (showing comments in the blog)
and this is a test reply to the test reply to see if that works
and this is another branch
this is a reply with a link: flo-bit.dev
Catalin Pit
3w ago
This is really cool!
flo-bit
3w ago
concept stolen from @whitep4nth3r.com
GODFATHER
3w ago
Hi! Send me a DM. I wanna connect with Programmers, Developers, Hackers and Tech lovers in this space.