[object Object][object Object][object Object][object Object][object Object][object Object][object Object][object Object]How to develop onchain Farcaster Frames with wallet connect and transactions | dTech Zum Inhalt springen

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.