frames

Want to make your mini app extra fresh with a dynamically generated embed image? @neynar has you covered! Check out the new example in our mini app starter kit: 

npm create @neynar/farcaster-mini-app@latest

Just paste [yourURL].com/share/[fid] in any farcaster client to see your user-specific preview (with data sourced from the Neynar API ofc)

🪐

easiest way to build on farcaster @ neynar.com | /neynar

building @neynar
// jackfruit of all trades, master of non-dairy milk

if we're not using starterkit but using neynar api, can we use this and how?

the example in the starter kit uses the nextjs generateMetadata() function to update the imageUrl in the "fc:frame" HTML meta tag, so if you're using nextjs you can just copy that pattern from here:

Building @griv

                                                                                  Creator of: 🔗 /dollarchain 🌐 /minimap 🐔 /tappy

nice! the other piece you'll need to add is an API route to dynamically generate the actual images based on fid (or whatever else you want to pass in)

https://github.com/neynarxyz/create-farcaster-mini-app/blob/main/src/app/api/opengraph-image/route.tsx

the example in the starter kit uses the nextjs generateMetadata() function to update the imageUrl in the "fc:frame" HTML meta tag, so if you're using nextjs you can just copy that pattern from here:

https://github.com/neynarxyz/create-farcaster-mini-app/blob/main/src/app/share/%5Bfid%5D/page.tsx