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/third...

Farcaster Frames: https://docs.farcaster.xyz/learn/what...
Neynar: https://docs.neynar.com/reference/ney...

thirdweb Engine Docs: https://portal.thirdweb.com/engine/ge...
How to setup local thirdweb Engine: Build scalable apps with a web3 backe...

thirdweb API: https://thirdweb.com/dashboard/settings
Creating an API: Start building blockchain apps: Getti...

thirdweb Docs: https://portal.thirdweb.com/

Join our Community of over 30,000 Web3 builders: Discord: discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: Twitter: 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