thirdweb Farcaster Portal

thirdweb Farcaster Portal

Welcome to the thirdweb Farcaster portal! Here you’ll find all of the resources you need to build great apps on Farcaster and win FarHack at FarCon.

💡
Sign up for a free thirdweb account

Farcaster Clients 🛠️

Sign in with Farcaster → Create Smart Wallet

  • GitHub Repo
  • Demo App

Build a Farcaster Client

Step-by-Step Guide

How to Build a Farcaster Client (The Ultimate Guide)

In this guide, we'll teach you how to build a social client on Farcaster! Farcaster is a decentralized protocol for building web3 social media apps. If you want to learn more about what Farcaster is and how it works, we recommend you get started with our beginner's guide: What is

blog.thirdweb.com

How to Build a Farcaster Client (The Ultimate Guide)

Resources

  • GitHub Repo
  • Demo App

Farcaster Frames 🖼️

Build a Transaction Frame

YouTube Video

How to build a Farcaster Transaction Frame

In this video learn how to build a Farcaster Transaction Frame. Allow a user on Farcaster to mint an NFT directly within a Farcaster app like Warpcast. Quickly and easily build a Transaction Frame utilizing thirdweb's Connect SDK and Coinbase's OnchainKit. GitHub Repo: https://github.com/thirdweb-example/farcaster-transaction-frame-youtube Transaction Frame Guide: https://blog.thirdweb.com/guides/create-an-nft-minting-transaction-farcaster-frame/ Connect SDK Docs: https://portal.thirdweb.com/typescript/v5 Coinbase OnchainKit Docs: https://onchainkit.xyz/ Farcaster Frame Validator: https://warpcast.com/~/developers/frames Vercel: https://vercel.com/docs/cli thirdweb API: https://thirdweb.com/dashboard/settingsa Creating an API: https://youtu.be/G3bvXfE-OMg thirdweb Docs: https://portal.thirdweb.com/ Join our Community of over 30,000 Web3 builders: https://discord.gg/thirdweb thirdweb Official Site: https://thirdweb.com/dashboard thirdweb Twitter: https://twitter.com/thirdweb Timestamps: 00:00 Demo of Farcaster Transaction Frame 01:48 Overview of how to build a Farcaster Transaction Frame 03:25 Deploy and setup an ERC-721 NFT smart contract 08:00 Create a new Next project and install thirdweb 09:45 Create Farcaster Frame 15:45 Setup thirdweb client and chain for Farcaster Transaction Frame 18:15 Encode claim transaction for Farcaster Transaction Frame 21:30 Use Coinbase OnchainKit to get user wallet address and validate Farcaster message 27:45 Get ERC-721 ABI for claim function 29:17 Create Farcaster Transaction Frame request 35:00 Deploy and setup project using Vercel 37:45 Test and debug using Farcaster Frame Validator 40:40 Conclusion

www.youtube.com

How to build a Farcaster Transaction Frame

Step-by-Step Guide

How to Create an NFT Drop Transaction Frame on Farcaster

In this guide, learn how to create a Transaction Frame on Farcaster — enabling users to perform onchain transactions, such as minting NFTs.

blog.thirdweb.com

How to Create an NFT Drop Transaction Frame on Farcaster

Resources

  • GitHub Repo
  • Example Cast

Build a Gasless NFT Drop Frame

YouTube Video

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/thirdweb-engine-farcaster-frame Farcaster Frames: https://docs.farcaster.xyz/learn/what-is-farcaster/frames Neynar: https://docs.neynar.com/reference/neynar-farcaster-api-overview thirdweb Engine Docs: https://portal.thirdweb.com/engine/getting-started How to setup local thirdweb Engine: https://youtu.be/HfZ6uVqC9JY thirdweb API: https://thirdweb.com/dashboard/settings Creating an API: https://youtu.be/G3bvXfE-OMg thirdweb Docs: https://portal.thirdweb.com/ Join our Community of over 30,000 Web3 builders: https://discord.gg/thirdweb thirdweb Official Site: https://thirdweb.com/dashboard thirdweb Twitter: https://twitter.com/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

www.youtube.com

How to build a Farcaster Frame - NFT Mint

Step-by-Step Guide

Create a Gasless NFT Minting Farcaster Frame

In this guide, learn how to create a Farcaster Frame that users can mint NFTs from directly, on any EVM chain, in 10 minutes. Get started.

blog.thirdweb.com

Create a Gasless NFT Minting Farcaster Frame

Guide for Degen Chain (or any L3)

Create an NFT Minting Farcaster Frame on Degen Chain

In this guide, learn how to create a Farcaster Frame that users can mint NFTs from directly on Degen Chain — in 10 minutes. Get started.

blog.thirdweb.com

Create an NFT Minting Farcaster Frame on Degen Chain

Resources

  • GitHub Repo
  • Example Cast

Gas Credits 🧰

If you’re building on the Superchain, apply for free gas credits to sponsor user transactions in your app:

Superchain App Accelerator | Apply for Credits

The Superchain App Accelerator is a $3M fund for developers to build seamless onchain apps — powered by Optimism and thirdweb. Apply for credits.

thirdweb.com

Superchain App Accelerator | Apply for Credits