Mini DeFi School | Building Morpho Frame on Base

Mini DeFi School w/ Morpho · 24 Mar 2025 · 54:49

This Mini DeFi School session shows how to create a Farcaster frame for a Morpho application on Base.

Speakers

Topics

From Mini DeFi School w/ Morpho, hosted by dev3pack.

Transcript

Okay. Hi Sl. Um so thanks for coming. We are live on right now. Um and uh following what we have done uh during the this past two session with smartphone we wanted to provide something more social like how to integrate defy with social space and um just thinking that it's a great thing to showcase what you are build um with um with more full frame uh on forecaster. So the the the goal of this session is more about showcasing how to build a mini app and especially taking this example of Moro while using onchain kit

to provide a special earn widgets into your mini app and then after that you will be able to to create your on frame too after this great example from Samuel. So thanks again. You're welcome. Um let me just quickly start the screen sharing. Uh first of all uh for those who are unfamiliar, Fcaster is literally social media. So it's a social network. You can do whatever you want there literally because it's full and programmable. That's the context on Fcaster where we're building the MO app in there. This could be your app, could be whatever app. Uh why did we build it?

Well, because we just thought it's cool. Um, and Alexandra from the Mofo team was like, "Hey, yeah, we want Moro to be right there in the social feed," which is also what you should be able to see on screen right now, where this is literally her posting a link. That link now lives on the social feed. And if we go through in 20 seconds, you can just go tap a few buttons, select the vault, meaning like the kind of like asset, the fund that you want to be in, and then just go through, confirm, and all of a sudden, you've deposited money into there. and every single tick on chain, you're now getting some money back and you're earning. We're going to build something really, really similar.

Though, if we go through the actual code that I did um starting last December to build it out, well, then we worked with the Morflow API. So, we had to write the GraphQL queries to get the positions. Uh we then manually used the smart contracts. Um we then also went and we're like, okay, cool. uh let's integrate the tokens manually. So most of the code we wrote is actually full on manual. Uh and then the same thing that we're going to do today we also had to do in terms of like okay write an actual page that has the vaults in here and the UDC contract we because we have E and USDC. Just one thing uh actually I can see the the screen I don't know if Oh is

it not working? Um oh desktop yeah all good. Okay perfect. Sorry, switch the screen sharing. Yeah. So, basically what we had to do is just full on write it ourselves. Um, because yeah, custom code, custom app, custom frame was really cool, was really fun, but I generally don't want to write and all of it. So, what we're doing today is we're rebuilding some of that frame. So, we're taking that same approach and we're taking the frame and just doing a little

deposit and withdraw. Why a frame? Because this is literally inside a so say on Twitter or Instagram or wherever if you get in front of a user, they can now in 20 seconds also deposit which for Mofo has been really cool because that means everyday users just literally come in and are able to earn for the user pool especially if they don't usually have access to USDC. And here you can see me like deposit and withdraw. And for us it's really cool because I just generally love developing those things and that's also what we do as a company. So that's been been a really different project. We're going to develop that little flow that you just saw. So how do you actually develop those kind of onchain frames with wallet connect and transactions? It may sound really really complex. It's like oh there's a new

crypto app and h I don't know what frames are. Well they're web apps. So we could actually go and and we're going to do this live now. Um, we can go to the actual frame URL and you see the frame and this is not inside any kind of forecaster client. Why? Because it's literally just a web app. That's just a web page and that web page renders within the fcaster client. We can go here. It's full on functional. The only thing it says is please open frame within webcast. Why? Because I just haven't implemented wallet connect here. Uh, and how can you do this? Well, you first build a web page and then you make that web page a frame, which literally you do via metadata. And then we're adding the ability to connect wallets.

So, first, how do we actually get the metadata in there, right? So, how do we do this? Well, to get the metadata in there, first we need a web page. So, how do we get that in the first place, right? Because they have an earn component that looks like this, and we can just deposit and plug more right in there. And this is what you just saw on the thread. So this is what we're going to do. Before we quick start here, they have a command for us to just quickly spin up a project. Uh or don't have to run this.

And we now have our little um server up. Uh we can get this up by running uh bun rundev, npm rundev, whatever you prefer. So now we have a little server up and see a hello. Right. So this is now loading as you can see in the terminal here. This is compiling. We have our little acknowledgement here. And this is our web page that comes up. This is a little simplified. You'll see a fun more graphical like active web page if you just use the starter. I already thinned it out a little bit. So what do we do now? We have a web page. If we take this web page and we try to test it here, we'll still see the same thing. Hello from onchain kit. Okay, but this is not this doesn't have any of the moo code in

there. Doesn't even work as a preview because no forecaster frames going on. It's just a web page. So, how do we actually get this done? Well, we're going over to our code again. And in our code, we need to say, okay, what is the actual metadata? The one thing that a fakas frame and the the client needs to know is this is a frame. Please render it as such. And the way that this is done is there's a little metadata extension. So usually when you do like your web page, you say, "Oh, the web page has a title, has a description, has an image."

is all focus there has as most of you are familiar with JSON especially if you're programming that's really cool then we need an image we need the title we need a little URL And this is the format of that little piece of JSON. So if we just copy this in here and we go back over and we'll create a little variable that says frame manifest. Really cool. We just have that in here. So now because we have that in here, this link is shared on Filecaster.

We will see the little preview that we have right here. like this little preview will come up every single time somebody shares the link. So if I'm taking this and I'm going to um and I'm going to publicly post this, then we can see that preview being rendered. So every time the user posts this, and this is why it's so powerful, you can click right here and open up the frame. Why is the for the preview? It's all working. Well, no, the tutorial isn't done. If we go back to our little pun tutorial, we will see we should add a well-known podcaster.json. This is really valuable because with that you can send push notifications to the user

and you can be discoverable on far caster and get some kind of like really cool exposure. You're ranking on the leer board of like so if your frame is really high a lot of users will see that you'll get some rewards potentially and you get some cloud. It's really cool, but you can you have to do that on mobile. So, you can you can do that afterwards. But why doesn't it not render? Well, because there's a frame SDK and webcast wants you to say, "Okay, you're ready to show this in a frame right now." So, it's okay.

Hm. Can't it just generally display my web page? Well, no. It wants you to do this. So if you if you have something like WordPress or the framer or something where you can't really do custom code, you would just include this script in a little HTML widget, post this in and you're good to go. And then if you have the metadata also pasted in there as pure HTML, then you're good. There's also a little sample of like pure HTML if you just want a widget to post somewhere. But since we're now building with onchain kit and we do the mofo integration, we're the nextjs app.

So we have the power of full-on typescript available to us in React. So we can add the Fcaster frame SDK as dependency and then import it this way. And this would be the easiest way to just say hello, we're here. We're going down a little bit and getting this context because that context is even more fun than just being able to access it right from a feed and click. And we'll see that. So let's just do this. Let's copy this code over and paste it into our little page. So the Coinbase onchain kit example and their starter repo works by giving you an app directory. That app directory has a page. And this page is what we just saw, right? You can see the hello from onchain kit a detection tutorial here,

which if we go to our page is what we see here. And if we open back up the frame, this is also what we would see in the frame if it were to load. Why is it not loading? because well we're not calling SDK action ready right so if we now paste this in and we just tell it oh please add my missing imports really cool we're now set so because this is calling actions ready we will now see our frame magic right like took us maybe 5 minutes with explaining 5 10 minutes right and we know this it works if we press wallet connect this is bringing up like the Coinbase wallet thing we want this to just be as move as in the video, right? We don't really care like this is

cool if it's a web page, but we just want the user to do that from within the frame, right? So, we want this to be like, oh, here you're connected right away and they're right in, right? Like this is the magic. Like, I didn't have to click anything. I'm just magically connected. So, using anything within the blockchain space becomes just that easy, right? That's what we actually want. So, now that we have a frame, how do we do that? Well, this is where the second part of the tip comes in, right? Like if you remember, two steps. One, make it a frame. We add the metadata. Two, add the ability to connect wallets. So, how do we do that? Well, we take the other part of the tutorial, and this is going to be the second

link. We don't need the first one anymore. And then we can just do wallet connect. There's one thing we need to do. and be aware of Coinbase onchain kit gives us a lot out of the box. So they will give us um two wallet flow set which really really cool. We need something a little more custom in their docs. Uh if you go down you will find a custom provider setup.

So there's talk docs about providers and here we can see that okay we now have actually access to the full onme config. What is wme lock me is is a little tool we can use to just build web pages in react really nicely. So that is really so we have to create those two files first. So before we do anything fas specific, we have to set up our app to support um non-coinbase uh smart wallet wallets. So if we go to our little code here, we have the providers and the wagme. So we've now copied we've now literally just copied this in right

here, this little two pieces of code. And doing that, well, there's no forecaster in here, right? Like if we want this. So how do we do this? Well, there's an import Farcaster frame connector from the Farcaster frame wagme connector package which we've also installed in our dependencies. Uh it's called at fcaster/frame wagme connector. And if you're unsure and you just want to copy it, right, enabling wallet connections your web applications from frames is right in here. Really cool. One line. All you do is you get this and then we have to extend the connectors to add forecaster frame. So let's do this. We see our full on meme config in here.

Here's connectors. There already is the Coinbase wallet. And what we're going to do now is just add the Fcaster frame. That's it. So we actually didn't do a lot. We just had it. Um Stephen is asking for links to the info. Yes, I I can send those uh right now as well. Um let me just send all of those in here. So you have it. Uh those are literally all the tabs that I've opened. Here's how to debug this. Here is earning and here is the providers. Uh there you go. That should cover that. So now that we're adding the connectors, we now know, okay, we can use the WagMe config that we just created and anywhere in the app,

somebody with a fcaster friend will be able to just quickly connect. There's one little bonus thing that we should do and that is make sure we're always on the right comes in connected to mainet or something else then you just want to switch the user over to the chain you're on which in our case is going to be base. So, we're also copying that code over and in our page where we already have the Fcaster frame integration, we're saying, "Yeah, please just also switch the chain and make sure that we're always on base." And we can also just add all of our imports and then

we're good. So, there's one thing I wanted to show you. Um, now that we have the wallet in here, first is how to get. So how to earn is we go back to which has this little earn component and we can just import this. And so if we just with the deposit on

mobile. If we're on mobile, that will instantly just use Coinbase's um smart wallet if we're not in a frame. If we're in a frame, it will just use the podcaster um frame wallet. So, how does this look like? Yes, this is literally the video that we saw right here. Right. So, this is just us opening the frame going through on my phone, which is right here. And that's what we now built. But there's there's a lot more cool stuff that we can do in a fcast caster frame and that's what I want to show. So so the first part of this we literally just walked through did a fun little frame experiment but there's way more fun stuff to do. One of that is because we now have this frame SDK in

here and we're in a social context we can access this context object. This is why we copied the little more advanced like little longer script. What does context give us? Well, if we just try it out, right? Um, context dot Oh, there's a user object. What is this user? Well, the user, we now get access to their FID, to their profile picture, to the username, and the display. With the F ID, we can connect every single file caster data point that that user has with them. So, our app now knows if you have any kind of like connected wallet addresses, oh, do you have one ETH in there? So, should I also suggest not only USDC staking in Moro and depositing, but also ETH? Or did you

hold a certain NFT? Should I show you some community stuff? If we're doing e-commerce, have you already purchased from us before and we just gave you an NFT? Or do you interact with some kind of user? Are you following us? Should we prompt you to follow us? We can do all of this in the frame right here with just having that number. Um we actually do not fully care about this but this is where you could build full integrations but we can for now just say hello right so we will change our hello tutorial to hey let's just say hello to the user so going back to our little frame this now says hello detectvision well where's this detectvision coming from right if we open webcast well guess what I'm logged

in as detectvision so this is our name if I were logged in as Samuel this would literally say Samuel. So, this is how all of this comes together. And now you're starting to see, oh this is not just a web page anymore. This is now becoming full-on social, personalized, and I can just go through and have all of that fun. Well, there's one more thing you can do. Because you're in a social app, you want the user soft deposit as share on webcast, right? So just take off the the front thing. We just want that button. So now it says like share on webcast right here. We

could we could add some we could add some padding. Um, it's probably insert to have some. Let's add back the burn component that we have styling. So, no style right here. We should probably just pull on make it a little nicer. But you can see the button right here. If I click that button, that actually opens a new post. And this also works on mobile. So, wherever the user is, if they click that button that you now have in your app, they're now posting about your app and they're attaching the right frame link. So, this is just the DTEK vision link, the general link. But what if we actually go and we copy our link right here and in our code we say okay G user uh while you're opening our link actually just use the the proper link right so we can

go here and say at the end open this um there's also documentation on what kind of links you can do it's called blobcast intent urls so you go and say okay this is I can have a user compose a cast. I can bring up a profile. I can do whatever I want in here. Direct messages right away. So you could you could for example build a marketplace where you have to ask the other person, do they want to trade this or sell this or you build something where they can ask another person a question. Well, you have now a a button, a way to just direct link into

that with a pre-filled message right here. So going back to our code, if we now place our frame link in here, then what's going to happen is us sharing that frame now becomes us posting literally about that frame in the feed. So we can now see our little frame here posting pressing cast. We've now posted this and this is on Farcaster. Anyone can see this, repost this, like this, right? Comment on this. Hello, this is fun. And now you're creating virality because if that user now also goes in and press share, now you're building viral momentum, right? And the cool thing here is we don't have to just go and say, "Oh, we're posting the same

frame again. Let's just take this out." But we're posting the same frame again. We can actually go and say we want to customize the image. How can we do this? Well, we have access to the metadata, right? So on every single page, if we just identify that user and they're not sharing this link, but they're say sharing um page uh6085, which would be my forecaster ID or you use Samuel. Then if we just make sure or some different

page like in our little metadata right here just has another image. So just this image URL is all of um no not you could like let the user share statistics and then they actually see that part of the statistics they share in that URL and at the bottom you can then have the you could then have the action say okay uh show my stats right and who who doesn't want to see their own statistics and all of a sudden you're showing the user their own statistics.

So that is how you could think about fakas or frames how you can how you can use them and that's what I wanted to demo especially with the SDK for the SDK the best documentation I found is the lual FIP like the full on GitHub just literally go here and read it it's a bunch but the other best is the code in the SDK So yeah, no, we can add this little frame and we

can turn on notifications and then we get a web hook. So we can tell okay which user has added it. So you know okay this user actually wants to get notifications about MOF. So if the interest rates change or if they get rewards we can ping them and say hey you got rewards you should go here and you should probably claim your rewards right and then we could do all of this rewards claim just right here within the frame. So this is really really cool. This is what we did with the morpho frame. Um, we also added withdrawal and and stuff like that. So that's how it all ties together. Reading in the in the FIP, you get a lot more info on that um on those events on the notifications which are in

here on where a flame will be able to be opened. This currently is not fully implemented yet, but right now you can only go from a cast. So like from the public feed that we saw, but this will also be available from say like a user profile or out of a channel or literally out of when you're creating a post. Um so you can add something there and that's what what they're going to give you in the context as well. So the context object, right, SDK context that we looked at is way way way more powerful by now, right? And there's a lot in here. So, I would literally urge you to just read this and get familiar with all of the actions that the SDK has. And you can also just close the app

with a little message, right? And like there's a bunch of stuff that you can do in here that I personally find really, really cool. Um, and I think we learned a lot in terms of okay, what can you do? How can you build those frames, right? Like how can you actually go and make it? How does it get super easy? Well, Coinbase has a lot of the functionality for that right away. And what can we do with it? So, with that, I'd say we we can open up for questions. Thanks for this live demo. Um, so yeah, pretty easy. um compared to different kind of documentation that can found and

so on. Um and so basically more uh about the activity itself like could you share more about uh the distribution uh like how they improve um more for distribution itself. Yes. So one thing that Farcaster does because we're in the social context is anyone can post about it. So if I'm saying oh I just earned on mofo I just deposited I share this and then every one of my followers sees this. So this is automatic distribution for mofo right and I as a user also get some cloud because hey I'm sharing a mofo frame.

Morpho team sees it. It's really cool. And we get some interaction, right? And this is really cool because when I post that I now deposited into Moro, all of my friends and all of my followers and all of the people that are generally interested in my conf content also now see, oh, he thinks Moro is safe. He thinks Moro is cool. Let me also try that. So, you get to tap in as the brand into the whole like following the whole audience, the whole community of other people and general communities. So using that if you were to compare it to say running campaigns on Twitter or Instagram or somewhere else well then you always have to send people out to a link. But any of those platforms always just in the algorithm say oh links are

bad. I don't like links because links take you out of the platform and with that I'm losing attention. So Twitter loses ad money. Tik Tok loses ad money if they let you post a link which is why usually you have to promote the link and pay them money so they make up the literal loss from sending user elsewhere right and that's why they also open it in like this inapp browser where you then have to click again to get it in Safari or Chrome wherever you're at so that is really cool for the brand because it's right there it's one click it opens in the app and I can just take an action I can just deposit right and for the developer that's cool if you're building a game for example Then any kind of action where the user succeeds a level. You can make them post, they can

click the link in their own little post and they're right back in. Or you can send them a notification say like, "Hey, thank you for sharing. Continue." Right? And then and they see the notification and they continue. And that to me is really powerful in terms of distribution and notifications as well. Like you can literally just ping the user and say, "Hey, check this out. Check this out. Check this out." You also have their FID because of the FID I showed you. You can actually send direct messages to them. So you can now send direct messages which means a you're not only able to reach them in the feed, you're also able to direct message. So where before you had to have the user enter the email address, you can now just use their F ID and contact them via their inbox direct messages publicly by tagging them or

they actually share it and then they become a point of contact or you send notifications, right? So combining all of that to me is really really powerful for distribution and there's actually a full on um blog post in the documentation that we wrote just specifically to cover that case. Uh so let me just quickly share this like we actually went through and I'm going to put this in the the chat as well. We just literally went through and thought about, okay, what kind of tools does Fcaster give you to create this kind of like fly wheel vility and all of that.

So, if we're just scrolling through here, there's a few samples of apps um that use the feed. So, this is Paybot. It's a payment system where you can just pay another user. And you go there, you see far custo names. And I'm just typing a user. Say I'm typing in Dan Romero. I just want to send him some Dion or some other coin. I put in 20 sec the coin say 20 bucks. I can create a frame and this is now posting and I have to post this. So like the the cool thing for payboard here is I literally have to post this, right? So you could force the user to give you the social credibility and the virality and then reduce some of the cost. Say like sponsor to the

transaction, make it free, give them a bonus and that way you could easily build campaigns and also being this like protocol where you just have an API where you can access all of the user data and I can I show you this. we can do is an example on the nanar docs where nanar is an API API reference they have a user endpoint so we can search by f ID if I'm typing in my own here then we will now if we press try it get a bunch of information about myself um so we can now see okay his address is in Frankfurt Germany so if

you wanted to target people in Germany Here I'm giving you that info, right? Here there's also wallet addresses, right? So if you care about my wallet addresses, you can now track me. So if we take this wallet address and because I verified it, we go to ether scan. Boom. There I am. You can see this wallet has 16 bucks. What have I done on

mainet? Oh, I sent some USDC around um red equilibrium. I used rainbow router interacted with layer. Right? You can now see this. If we go to base scan, you can do the same thing. So you you now get to know way more about your user than you usually do. Try looking up a Twitter account. What kind of data do you get? Not as much. Oh, you can see that guy actually deposited into MOF. Guess what? I'm using my own tooling. Um there's some DJ interaction. There's uh probably some EC20 transfers. Yeah, I sent some UCC around a bunch, right? There's some NFT transfers. So, hey, I got a GM Fcaster

token. Did um Coat vending machine. I got a gem right here. Right. Um, so that's that's just generally how it goes. Here's a Favville one, which is like a fak frame commemorative token. So, that's it right there. Uh, what you can look up, there's also Salana addresses. So, it's not just limited to Ethereum, but there you go. Then there also is my full-on name, my display name that I set, my profile picture and the username and that info that like FID, username, display name.

We also have in the context, right? But we would then with that app ID call up an API like NAR or the general hubs like the open network. You don't have to pay for NA. You don't have to use NA. You can just choose a network right away which you would go to docs.farcaster.xyz XYZ for and that has a low reference and that HTTP API has a user data API that you can query user data by FID. It gives you the user data back, right? So it also says like oh this is the FID of the user and yeah you can just look up more here. This is a little more involved as Nana does all of those queries together for you and then serves you that data.

But uh you can go directly to that as well and even run your own instance here. So you don't have to even rely on external data. That's the power of an open network. But this to me is really really cool because then you can make something like this. You can build an app like Alex did and just say, "Hey, we we know all of the podcast user data anyways. Let's just make sure that in our campaign while we do marketing, we collect those addresses and then we can just give a token to you or send you invite codes and all of it. You can also just display that data in your crypto wallet, right? Because I showed you that you see my address, you see my history, you see my transaction history.

So, you can see, oh, do I own this token? If I do, you can put my face in here for people that follow me. Because if I'm in my wallet and I'm logging in with that wallet address and I have that in there, you can reference that to caster, look up which wallet, which caster ID is connected, who do I follow, and then you can show me this info, right? So you can make everything more social more personalized to me more likely that I'm going to enjoy it and get signal out of it. And then you have all of the little different kind of Legos like the developer tooling that we have. So this is all of the like publicly available content. talked about that a little bit in terms of like you can see all of the posts as well, the user data and all of that. The connected

wallets, we looked literally looked up my wallet and saw on ether scan and base scan what I'm doing. You have frames which we've talked about all before. Then there's something really cool. There's cast actions. Most likely most of you actually won't remember cast actions. Um, this is rather it's it's not really used as much, but this little button right here, you can do cast actions. And these little cast actions uh are just a context menu. So you can go here and add your own action, develop your own action, and then if you just press the little context button, there's a list of things coming up. And we can explore the samples uh in the docs here that will just say, oh, you click this,

you do the little action, and then by clicking say like check F ID, you get a little pop-up with the ref ID. This can also bring up frames. So now from any kind of cast you could say oh share this as an image. You can make your own custom image or add this to your marketing tool your CRM or if you're a developer add this to my backlog and then you have the casts referenced to your issues. So every time an issue is fixed you can now go back and every single user who posted about this issue you can now notify them. Right? So this is also powerful. Then um mini apps there's like frames v2. There's two different versions of frames, but um we're mainly focused on on frames that we just saw. There's direct messages, you can send them to users. You can also

build bots or AI agents which like automatically reply or you tag them and they reply. Um the cast intents we saw. So you can just generally in your web a web app have a oh share feedback on firecaster. It links to your community tags you and now you get feedback in public which is cool. That means you talking about the brand gives you the association right. For example, for a brand like Mofo, what would be the benefit compared to just sending them an email? Well, anything that can be public, I think should be public in support because one, it allows a brand like Mofo to show, oh, we have the best support in class, we actually take care of you. We will just actually respond to you. Also, it shows, oh, if that user has a question about Morpho, you now get their distribution, right? And it's

like, oh, this person uses Moro. Oh, cool. I should check this out. What is Moro? Right? And then there's a lot more in detail right here that goes through what all this is. This is probably the coolest. There's a little matrix we did. Um, and I think I sent this link in chat already. Uh, yes. Okay. So, you got this. And what does this mean? Well, there's a webcast explore page and casts have an explore page. Frames have an explore page. Mini apps and others had an explore page. change a little bit but that means there's a way in Wcast for this to be discovered this also can be discovered in feeds right and in direct messages so you can now see okay where do I want to

reach the user how do I want to reach the user sh okay I can actually do this and now you can start to come up with different kind of marketing schemes and tactics to really drive awareness and really full on utilize all of the tooling that's available within podcaster and That to me is really really powerful is if we look at other platforms, most of those APIs are either not available or they're just gated behind tens of thousands of dollars every single month if you want full data access. Thank you for all this precision and showcasing as well everything related to marketing side um because I think uh

it's super important to to know how to onboard people and for caster looks like for marketing user um for for marketing for for users and for developers look like a great uh gateway to start. Um and so yeah, thank you for that for the showcase and probably if you have like um any advice um let's say tomorrow a web two developer want to start uh which documentation itself um he going to use yeah if you look web developer there is like like looks like there is three main documentation so your documentation uh

this one developed by uh Lemon and another one by far. Yeah, literally uh if I were a web two developer starting on Fcaster, I would look at the GitHub. So the Fcaster GitHub repo and just make sure that you kind of understand the what's called FIPs, which are literally the specifications of how things work. One of those would be the Frames V2. I would literally have you start just you have a web page you know how to build a tool you have already built web pages you can do that and now you're taking that web page you want to bring it inside of Farcaster either as a small game as a logimic just make something work and now you go to detectvision/farcaster you have the docs

there and this is what we also walked through in this workshop of how can you take that web app and make it a frame and then from there I would have you read the literal FIP frames v2 FIP in the farcaster GitHub because there you have all of the data. If there's any detailed questions or something, docs.farcastaster.xyz, but that's sometimes outdated. So, I would literally just look at the GitHub and then look at the actual repositories of the apps that you're integrating and then you can just jump start take your app and take it in. Most important is you're building a web app. So, you don't have to rely on caster specific documentation. You can take the great documentation that's already out there for the whole web and just bring all of those apps inside of Fcaster because all

you need is the metadata to just render it as a frame. Perfect. Um and last question um more about incentives that existing inside forecaster related to developers. So if you can share more about it, I think it's a great thing. Yeah, there's the actual like Fcaster team, the company behind it called Mercer Manufacturing. There's a company building the Wcast client and Fcaster itself. They have launched an incentive program where right now it's $2,000 a month uh a week, sorry, it's $2,000 a weeks that are distributed. So, if you're building a podcaster frame and it goes viral, it has a lot of usage, a lot of transactions, and a lot of users just

generally open it, then you get money. So, they're ranking frames based on usage and based on your rank, you get a part of those uh $2,000 and they're most likely going to just generally increase that pool over time. And that for you means like if you're building a viral game and it goes viral for one week, you can make um probably what's the top I don't know what the actual top amount of money is 250 500 bucks potentially right now on the 26th of March 25, but that is most likely going to increase. And then also the like we saw in the whole workshop, you can put in Coinbase's onchain key or some other smart contract interaction, some like blockchain

interaction and now you're tapping into the funds of users. So, because every single user is just one click away from minting an NFT from you or buying a coin or doing something, you have an easy way to monetize, you could have that user share like 5e with you and then they get some kind of gated access or they buy a subscription or they do something there. Why would you have them do the subscription inside of Fcaster? one because if they get airdrops into that wallet anyways they have funds there that they literally don't think are valuable to them in the sense of like oh this is like like when you were small as a as a as a kid right as a kid you just get some money from your parents to buy ice cream well this is kind of like an airrop for most people it's just ice

cream money it's like okay yeah what fun stuff can I do with this and if you're sitting there with your game and or your app like moro deposits every single Tuesday users like the top thousand users on podcaster by engagement, they get money. So, they get some USDC. So, every single Tuesday, uh, the Moro team and and we're like, "Yeah, every single user, you just got money. If you want to make that money earn interest for you instead of spending it and actually like invest it, here's a moro. Put it in, put it into a vault." And this could apply to all kinds of other ecosystems. If you're a token, then what I would do is every single Tuesday to those users, if they have your frame, send a

notification. And generally make sure your marketing runs on Tuesday when those rewards went out to be like, hey, you just got USDC here. You can swap it for our token and here's what we do. And then at the end of that frame where you swap it, the user said, oh, I just swap my rewards and they share this and now they're following. So every single Tuesday you have deposit some of that uh money that is sitting there. One really interesting thing there is there's a dune dashboard.

Um let me just find it on Farcaster for dry powder. Uh yep found it. And here's the dry powder doom dashboard. I'll share that link in the in the chat. But this literally tells you how much money do Farcaster users have in their wallet. And I think $45 million in stable coins is a lot. So just this one bug right here where one chain isn't properly shown by Dune. And the stable coin uh value though is accurate because I literally ran that query myself a few times last few days.

So you now get to tab in to $45 million may not seem like a bunch, but getting getting your first,000 users, getting a bunch of users to care and share while FCA grows and this number grows, well that's a lot of funds to tap into. This is like instable coins just sitting in their wallet. This should go into Moro and earn or go into your protocol or into your app, right? Um, so let me put that link in chat. But this is this is something you could track and and leverage with the rewards and the wallets. Generally being right there.

get that I got through my my activity and so on. I put it after that um into many apps that is on fire. So it's like a cool process. Um yeah just well well singing and um yeah actually inside the inside the far ecosystem do you know uh how many developers are in into it for the moment and what is the target? Um yes for next month. Well the the target you would probably have to ask the core team about that.

the the main thing they're always saying is just 10x 10x 10x. So currently I would guess we're around one to 2,000 developers in and of the ecosystem but that also really depends on how you're counting. Um what is a developer is somebody that tries to just build a frame once a developer is somebody who has published a develop uh like a frame a developer right is somebody who bought an subscription and try to use their API is a developer right I would I would guesstimate we're around like one to 2,000 people if you want to track the actual number of Fcaster users there's also a Dune dashboard to do that let me also put that in chat Um

so you have that as well. The current user number according to that dashboard of like daily people um posting is 50,000. Um that is people actively posting supposedly which most likely means there's around 80 90,000 people potentially like consuming content in and around Faster that have 45 million that you can tap into. So not a lot of people a lot of money means those kind of economies like a Switzerland uh where you can actually make a lot of money. Uh that's one incentive for a developer.

Some people just don't care about money. Then what you do is to people like HD tag. Um, that's a good question. Uh, well, you can literally reach out to me. Um, so DTEK.vision, there's a calendar link in there. If you press the button of uh, work with us, uh, you can

reach out to me. What what you would not expect is for us to just say, hey, you have a really cool project and we we just do whatever you want. What we do is we go actively with you and sit down and like okay how can this work? How can we make this work properly on Fcaster and how can we make this work for you to be as big as possible? Uh and then we figure that out and then we actually go and build it or help you go to market. So that's usually um what happens. What we do not do is just blindly go and you say oh I have this idea can you develop this for me?

we we go to some kind of scoping discussion and figure out does this actually make sense? How can you best reach your users? What is the marketing side? How would you go to market? How can we refine the idea? We challenge you on that and that that's what we do. Uh how to get the best out of that is literally uh trust us and and we trust you and then we openly communicate and we figure that out, right? to to get the best out of it is just not use it as hey we found developers can you just build us a frame. It's like okay you have found a boutique that full on understands far caster this outcome how can we get there

we thought about doing this then we figure it out do it um that being my pitch um how to get the best out of DTEK and and also like more detail we talks. So like this the starter guide we went through that has all of the ways of how to go viral all on the web page. There's a blog post with case studies we did all on the web page. There's a YouTube link um also on the web page you can find there's talks of literally something like this workshop where we do the same. So most of our knowledge is just public. Hold on.