## Farcaster Frames
Presented by Terrance in XueDAO
2024.2.16
Note:
- Maybe we could have a XueDAO logo that I can put on here?
---
### [Farcaster](https://www.farcaster.xyz/)
Just think of it as a sufficiently decentralized Twitter.
----
#### It is currently experiencing strong growth.
<small> disabled whitelisting in Nov 2023 </small>
<small><i>Source: <a href="https://dune.com/pixelhack/farcaster">Dune Analytics</a></i></small>
----
#### Farcaster is a protocol.
It stores users' handles, casts (tweets) and reactions (like likes and recasts).
<small><i>Source: <a href="https://docs.farcaster.xyz/learn/architecture/overview">Farcaster Doc</a></i></small>
----
#### And there are a lot of clients.
Interfaces through which users access the feed
<small><i>Source: <a href="https://zora.co/collect/zora:0xc24a83504b4ed23bcb6052148ce6d99e13c340f8/1">Farcosystem</a></i></small>
Note:
- Each client has there own generalized or specialized purpose
----
#### Twitter had a lot of popular clients until it didn't.
<small><i>Source: <a href="https://tapbots.com/tweetbot/">In Memory of Tweetbot</a></i></small>
Note:
- Web2 corporate networks don't work due to their business model
- Twitter used to have clients like TweetBot and Twitterrific until Elon killed all of them.
----
#### Just like with email clients, message clients should be the new norm.
<small><i>Source: My Instagram</i></small>
---
### Farcaster Frames
Small interactive apps on the Farcaster feed
<small><i>Source: <a href="https://docs.farcaster.xyz">Farcaster Docs</a></i></small>
----
#### A Brief Overview from Varun
{%youtube rp9X8rAPzPM %}
<small><i>Source: <a href="https://www.youtube.com/watch?v=rp9X8rAPzPM">Frames 101</a></i></small>
----
#### An extended version of OpenGraph
Key aspects:
- **Authenticated**
- **Interactive**
<small><i>Source: <a href="https://docs.farcaster.xyz">Farcaster Docs</a></i></small>
Note:
- funny how old big tech actually worked on feature that encouraged people to connect to other sites, but later decided that it does not make business sense fo doing so
---
### Case Study: Farcaster Polls
----
#### Step 1 - Creating the initial frame
```html
<meta property="fc:frame" content="vNext" />
<meta property="fc:frame:image" content="http://...image-question.png" />
<meta property="fc:frame:button:1" content="Green" />
<meta property="fc:frame:button:2" content="Purple" />
<meta property="fc:frame:button:3" content="Red" />
<meta property="fc:frame:button:4" content="Blue" />
```
----
#### Step 2 - Parsing and recording the results
POST message:
- fid (farcaster id)
- button id
- and etc.
----
#### Step 3 - Respond with a new frame
Generate a new image with tools like [Satori](https://github.com/vercel/satori).
(html and css to svg)
```javascript
res.status(200).send(`
<!DOCTYPE html>
<html>
<head>
<meta property="fc:frame" content="vNext" />
<meta property="fc:frame:image" content="http://...image-result.png" />
</head>
</html>
`);
```
----
#### Be lazy and have a taste of the ones built by others XD
- [fc polls](https://fc-polls.vercel.app/)
- [fc quizzes](https://frame-quiz.vercel.app/)
----
#### Test your frames out!
https://warpcast.com/~/developers/frames
---
### The advantages of Frames
1. Decentralization: Build on Farcaster without the risk of getting rugged. ( Twitter ._. )
2. Composability: Make full use of Farcaster's infrastructure and open source legos.
3. Permissionless: Anyone can create Frames. And Frames should work on any client.
<small><i>Source: <a href="https://www.notboring.co/p/framing-the-future-of-the-internet">Not Boring: Framing the Future of the Internet</a></i></small>
----
#### Instant Checkouts
----
#### Job Nominations
----
### Prediction Markets, Link Trees, Subscriptions, and more...
----
### The next big thing will start out looking like a toy.
The importance of disruptive technologies tend to be underestimated.
---
## So now what?
----
### The Five Stages of Social Platforms
- Phase 1: New website or platform is invented—early audiences flock.
- Phase 2: Website or platform starts gaining traction—early users become “influencers.”
- Phase 3: Website or platform is established and begins a decade-long journey to profitability.
- Phase 4: Advertising model is launched and user reach starts falling.
- Phase 5: Business model is established, reach is throttled, and it's time to find a new platform.
<small><i>Cole, Nicolas. The Art and Business of Online Writing: How to Beat the Game of Capturing and Keeping Attention</i></small>
Note:
- This model is for traditional web2 platforms, I believe web3 companies can have a whole new path
- Posts are harder to reach other audiences after advertising is integrated
----
### Farcaster is still in Phase 1.
Mostly still crypto people. We need to see other things IRL before it goes mainstream.
----
### I believe XueDAO can build its community and influence on Farcaster.
- easier to get exposure
- able to bring more people on to the platform
- could do things such as event registrations, polls, quizzes, games, and many more! (there is now also login with Farcaster!)
Note:
- It's hard to build on mature platforms
----
### And every one of you too. We should try bring our lives onto Farcaster personally.
We could possibly create an interesting channel on Farcaster! (I feel like this could be the next DNS ><)
Note:
It's time to forget about Instagram, if you want to end your disgust with Instagram ads and reels.
You will never be able to bring your Instagram followers and data with you.
{"title":"XueDAO - Farcaster Frames","description":"type: slide","contributors":"[{\"id\":\"1c7e78c0-070f-48c2-aede-c0567d67036d\",\"add\":7511,\"del\":943}]"}