This is a demo post showcasing the Bluesky comments integration feature. When you share a blog post on Bluesky, any replies to that post automatically appear as comments below your blog content.
How It Works
The integration is completely client-side and requires no backend infrastructure:
- Publish your blog post to your static site
- Share it on Bluesky with a link back to your post
- Copy the post URI from Bluesky
- Add it to your frontmatter using the
blueskyUrifield - Redeploy and comments will appear automatically
Key Features
Engagement Statistics
At the top of the comments section, you'll see engagement metrics including:
- Likes (with a red heart icon)
- Reposts (with a green repost icon)
- Total replies (with a gray comment icon)
- Quote posts (with a blue quote icon)
Rich Comment Display
Each comment shows:
- User avatar and display name
- Username handle (clickable to their profile)
- Relative timestamp (e.g., "2h ago")
- Full comment text
- Nested reply threads
Dark Mode Support
The comments section automatically adapts to your blog's theme, providing a seamless experience in both light and dark modes.
No Setup Required
The best part? There's no authentication, no API keys, and no database needed. The feature uses Bluesky's public API to fetch comments in real-time on the client side.