Bluesky Post

Example

Loading posts...

The BlueskyPost component renders a Bluesky post directly from the raw API response (PostView). It handles converting the data, rich text facets, embeds, and NSFW labels automatically.

Fetch posts using the Bluesky API and pass each post's post and reason fields directly to the component.

Use blueskyPostToPostData if you need to convert the data yourself for use with the generic Post component.

API Reference

BlueskyPost

Renders a Bluesky post from raw API data (PostView).

Property Type Description

data required

object

The raw Bluesky PostView data from the API.

reason

any

The feed reason (e.g. repost info) from the API response. Default: —

any

The feed reply context (parent/root) from the API response. Used to show "replying to" banner. Default: —

baseUrl

string

Base URL for all generated links. Change this to point to a custom client. Default: 'https://bsky.app'

hrefs

object

Override individual URL builders. Each function overrides the default baseUrl-based pattern. Default: —

target

string

The target attribute for all links. Default: '_blank'

showLogo

boolean

Whether to show the Bluesky butterfly logo in the header. Default: false

showAvatar

boolean

Whether to show the author avatar. Default: true

compact

boolean

Whether to use a compact layout. Default: false

actions

object

Override the default action buttons. By default, shows reply/repost/like counts linking to the post. Default: —

embeds

object

Override the automatically extracted embeds. Default: —

showSensitive

boolean

Whether to show the sensitive content overlay on flagged embeds. Default: true

Property

data

reason

baseUrl

hrefs

target

showLogo

showAvatar

compact

actions

embeds

showSensitive