rsc-bsky-embed

A React Server Component for embedding Bluesky posts using the oEmbed API.

This is a wrapper for embed.bsky.app as a component.

Installation

npm install rsc-bsky-embed

Usage

import { BskyEmbed } from "rsc-bsky-embed";

export default function Page() {
  return <BskyEmbed url="https://bsky.app/profile/tylur.dev/post/3m34dacmoyc2g" />;
}

With Options

<BskyEmbed
  url="https://bsky.app/profile/tylur.dev/post/3m34dacmoyc2g"
  maxWidth={400}
  colorMode="dark"
/>

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | url | string | required | Bluesky post URL (https://bsky.app/profile/*/post/*) | | maxWidth | number | 600 | Maximum width in pixels (220-600) | | colorMode | "light" \| "dark" \| "system" | "system" | Color theme for the embed |

Requirements

React 18+ with Server Components support (Next.js App Router, Waku, etc.)