https://github.com/dsalvagni/react-bsky-embed

React Bluesky Embed component using RSC
https://github.com/dsalvagni/react-bsky-embed

bluesky bluesky-post react react-server-components skeet

Last synced: about 1 month ago
JSON representation

React Bluesky Embed component using RSC

• Host: GitHub
• URL: https://github.com/dsalvagni/react-bsky-embed
• Owner: dsalvagni
• License: mit
• Created: 2024-11-09T20:32:44.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-28T09:12:31.000Z (about 1 month ago)
• Last Synced: 2024-11-28T10:19:15.151Z (about 1 month ago)
• Topics: bluesky, bluesky-post, react, react-server-components, skeet
• Language: TypeScript
• Homepage: https://react-bsky-embed.pages.dev
• Size: 99.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-bsky-embed

Read more about [React RSC](https://react.dev/reference/rsc/server-components).

I'm using the template from https://embed.bsky.app/ to render the post content according to the Bluesky app design, and consuming the API via @atproto/api sdk.

It's still missing i18n though. I done a simple implementation with i18n-next, but it doesn't work for all scenarios. I'd like to be able to render different posts in different languages.

Below there's a collection of posts with different contents that I'm using to validate the use cases.

Code available: https://github.com/dsalvagni/react-bsky-embed

## Getting started

Check this out in [codesandbox](https://codesandbox.io/p/devbox/4t4xk2) using Next 15.

Install `@dsalvagni/react-bsky-embed` package.

```

  npm install "@dsalvagni/react-bsky-embed"

```

Import it into your page.

```js

import { Embed } from "@dsalvagni/react-bsky-embed";

export function Page() {

  return (

    <>

      

    >

  );

}

```