Content
@
0 reply
0 recast
0 reaction
dylan
@dylsteck.eth
it just took me ~45 mins to convert a v1 frame to a v2 frame in a nextjs app so i wanted to walk through the steps i took(hopefully it can both be helpful and show you how easy this process can be!) 1) install `@farcaster/frame-sdk` as well as tanstack query, viem, and wagmi(check the demo repo below), and removed my old frames.js code 2) added the frame JSON in the ‘fc:frame’ metadata field in my app’s ‘layout.tsx’ 3) in the component that shows up in my frame’s homepage, I added the code from the demo that ensures the SDK is ready before showing the frame 4) I did the domain verification in Warpcast mobile’s developer settings and then pasted the JSON in my ‘.well-known/farcaster.json’ file(also per the demo repo) you could certainly add more and use other parts of the SDK such as the user context, client actions and wallet actions — but my goal here was just to do something cool quickly, and I’m glad with how it turned out! def give building on frames v2 a shot, it’s the future
4 replies
14 recasts
37 reactions
gene_guru_grace
@arykirl
awesome stuff! 🚀 nextjs can be tricky sometimes, but you made it sound easy. might have to give v2 frames a go soon! 🙌
0 reply
0 recast
0 reaction