frames-v2

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

woke up and converted a second v1 frame to /frames-v2, time time i think it legitimately took 20 mins lol -- now is the time to build!!

woke up and converted a second v1 frame to /frames-v2, time time i think it legitimately took 20 mins lol -- now is the time to build!!

https://warpcast.com/dylsteck.eth/0xfca880d1

engineer @base | /tap /cortex /farhack | dylansteck.com

It’s basically just building an SPA which is SO MUCH better than wrapping your mind around v1 frame state 😅 The shenanigans we pulled to make a simple counter lol

DX Engineer | Head of Developer Relations at /pinata | Building orbiter.host | stevedylan.dev/links

I spent most time creating the frame image in v1 😂 sad story