How to build a Farcaster Frame - NFT Mint
In this video, learn how to build a Farcaster Frame which allows users to mint an NFT. Utilizing thirdweb's Engine we can easily make a http request for Engine to execute an on-chain transaction and mint an NFT to the user.
GitHub repo: https://github.com/thirdweb-dev/thirdweb-engine-farcaster-frame
Farcaster Frames: https://docs.farcaster.xyz/learn/what-is-farcaster/frames
Neynar: https://docs.neynar.com/reference/neynar-farcaster-api-overview
thirdweb Engine Docs: https://portal.thirdweb.com/engine/getting-started
How to setup local thirdweb Engine: https://youtu.be/HfZ6uVqC9JY
thirdweb API: https://thirdweb.com/dashboard/settings
Creating an API: https://youtu.be/G3bvXfE-OMg
thirdweb Docs: https://portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: https://discord.gg/thirdweb
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: https://twitter.com/thirdweb
Timestamps:
00:00 Demo of Farcaster Frame to mint NFT
02:17 Overview of building a Farcaster Frame to mint an NFT
03:05 Deploy an NFT smart contract (ERC-721 or ERC-1155)
09:35 Overview of how Farcaster Frames work
11:45 What is Neynar API and what will it be used for
13:10 Create a new Next.js project and create a config file
15:45 Build Farcaster Frame with meta tags
21:30 Create a fallback page for regular browsers
23:00 Create a file to compute any changes for Frame based on user action
24:30 Neynar API to validate message from Farcaster
29:30 thirdweb Engine API to mint an NFT to the user
39:20 Deploy Farcaster Frame to Vercel and setup environment variables
44:15 Use Warpcast Frame Validator to test Frame
46:03 Conclusion
/w=256,quality=90,fit=scale-down)
