tyler.fun / rsc-bsky-embed
zero-dependency RSC for bluesky post embeds
bluesky embed react rsc
Star 0
Fork 0
Watch
TypeScript 100%
25 1 2
.changeset
.github
src
.gitignore
CHANGELOG.md
LICENSE
package.json
pnpm-lock.yaml
README.md
tsconfig.json
README.md

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/tyler.fun/post/3m34dacmoyc2g" />;
}

With Options #

<BskyEmbed
  url="https://bsky.app/profile/tyler.fun/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.)