{"repo":"pugson/react-farcaster-embed","free":true,"listed":false,"github":"https://github.com/pugson/react-farcaster-embed","clone":"git clone https://github.com/pugson/react-farcaster-embed.git","description":"🟪 Display an embedded cast from Farcaster in your React app. Works with Next.js SSR.","language":"TypeScript","stars":82,"topics":["farcaster","nextjs","react","warpcast"],"license":"Unlicense","category":"saas-starters-boilerplates","readme_excerpt":"react-farcaster-embed Display an embedded cast from Farcaster in your React app. Works with Next.js SSR. Examples Live Demo Regular casts Quoted casts With images With video With link previews Features - [x] Supports server components and client components - [x] Shows the cast's author, their avatar and username, date when the cast was posted - [x] Renders the cast's content with links - [x] Shows the channel name and avatar - [x] Shows counts for replies, likes, recasts + quotes, watches - [x] Adds a link to the cast on Farcaster - [x] Renders images inline - [x] Renders videos inline - [x] Renders rich embeds for links - [x] Renders quoted casts with images and videos - [ ] Renders a frame preview with buttons Installation Usage React Server Components / Next.js App Router Add these imports inside your server component: Client Components / Next.js Pages Router Add the CSS import inside app.tsx if you are using Next.js Pages Router: And then use the component in your client component using a special import: Styling The embed will inherit your body color by default when you import the default stylesheet. You can change the color of the component by changing its parent's color or adding custom CSS: Custom Endpoint In case you need to self host the Farcaster Client API proxy, you can fork this repo and set the customEndpoint option in the FarcasterEmbed component. Easiest way to do this is to make a wrapper component with that option applied. Example: Casts will be fetched from","default_branch":null,"files":null,"tree":[],"storefront":"/r/pugson","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pugson/react-farcaster-embed/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}