Post

svebcomponents.dev
@svebcomponents.dev

<atproto-comments> is a web component that allows you to simply drop a thread onto your page and have users read & write comments on your site. all your users need is an ATmosphere account (bluesky, eurosky, their own PDS hosted from their basement) to log in using oauth. atproto.svebcomponents.dev

atproto.svebcomponents.devatproto-commentsRenders an AT Protocol (Bluesky) thread as a comment section. Supports SSR, sign-in, replies, and live updates.

3 reposts39 likes

svebcomponents.dev
@svebcomponents.dev

I built this to dogfeed @svebcomponents.dev - so it works with every framework that supports custom elements and can even be rendered on the server with svelte, react, vue & astro. It will hydrate on the client, and once users log in, get live updates from the atproto ecosystem via spacedust.

svebcomponents.dev
@svebcomponents.dev

The component comes with a bridge backend, that is needed for oauth callback, authentication & live updates to posts via SSE . The default bridge is hosted on my own VM and I pledge to continue running it free of charge as long as my wallet permits.

svebcomponents.dev
@svebcomponents.dev

But if you'd rather use cookie based auth, or are just a huge nerd (props!) you can self host the bridge with the building blocks I provide - or have an agent vibe up a backend against the web component's API specifications.