How to develop onchain Farcaster Frames with wallet connect and transactions
Dieser Inhalt ist noch nicht in deiner Sprache verfügbar.
We assume you already know what Frames are, else learn what Frames are here. Additionally it’s assumed you know how to build Web3 Applications. If not speed run Ethereum.
You’ve built a website that accepts transactions, sends transaction or interacts with users wallets somehow. If not you’re building one.
Now to access the large onchain userbase on Farcaster you intend to turn it into a Frame. Anyone will then be able to open your webapp right from their favorite social media app.
Yes that means you’re technically in the AppStore as some Farcaster clients are! How cool is that!?
How to build an onchain Frame
1: make it a Frame via metadata
First we need to set the Metadata. It is required for the Farcaster clients like Warpcast to recognize our webpage as frame and render it.
A full tutorial on setting the metadata is here
Next we need to add the WalletConnect connector to our website. This will allow users to connect their wallets to our Frame. Farcaster clients inject a provider into your webpage, similar to browser extension wallets, that allows you to interact with the blockchain.
2: add the ability to connect wallets
A full tutorial on how to add WalletConnect to your Frame is here
Putting both together your onchain app works in Farcaster clients and you can interact with the users wallets.
For a sample of such an app, check the Morpho Deposit application we’ve built. 20 seconds to deposit into a lending protocol from your social media feed.