Content
@
https://warpcast.com/~/channel/frames-v2
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
12 recasts
31 reactions
cone70
@noun70
Thanks for this. Can you link to the warpcast mobile developer page where you generated your .well-known/frames.json?
1 reply
0 recast
0 reaction
dylan
@dylsteck.eth
np! I don’t think there’s a deeplink to that page but it’ll show up in your settings’ developer tab if you enable developer mode(instructions in the video below) https://warpcast.com/deodad/0x8d6780c4
1 reply
0 recast
0 reaction
