Published On Apr 9, 2024
In this video learn how to build a Farcaster Transaction Frame. Allow a user on Farcaster to mint an NFT directly within a Farcaster app like Warpcast. Quickly and easily build a Transaction Frame utilizing thirdweb's Connect SDK and Coinbase's OnchainKit.
GitHub Repo: https://github.com/thirdweb-example/f...
Transaction Frame Guide: https://blog.thirdweb.com/guides/crea...
Connect SDK Docs: https://portal.thirdweb.com/typescrip...
Coinbase OnchainKit Docs: https://onchainkit.xyz/
Farcaster Frame Validator: https://warpcast.com/~/developers/frames
Vercel: https://vercel.com/docs/cli
thirdweb API: https://thirdweb.com/dashboard/settingsa
Creating an API: • Start building blockchain apps: Getti...
thirdweb Docs: https://portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: / discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: / thirdweb
Timestamps:
00:00 Demo of Farcaster Transaction Frame
01:48 Overview of how to build a Farcaster Transaction Frame
03:25 Deploy and setup an ERC-721 NFT smart contract
08:00 Create a new Next project and install thirdweb
09:45 Create Farcaster Frame
15:45 Setup thirdweb client and chain for Farcaster Transaction Frame
18:15 Encode claim transaction for Farcaster Transaction Frame
21:30 Use Coinbase OnchainKit to get user wallet address and validate Farcaster message
27:45 Get ERC-721 ABI for claim function
29:17 Create Farcaster Transaction Frame request
35:00 Deploy and setup project using Vercel
37:45 Test and debug using Farcaster Frame Validator
40:40 Conclusion