πŸ–ΌοΈFarcaster Frames

Learn how to build Farcaster Frames with Airstack.

How to build Farcaster Frames with Airstack

Building a Farcaster Frame? Read the official Farcaster Frames specs here to get started.

The easiest way to get started building and deploying a Frame is with FROG (Framework for Farcaster Frames) or Frames.js or using Airstack's Frames SDKs.

  • The benefit of using Frog is that it deploys a Frame server for you and also provides very simple routing, components, and a built-in debugger. Airstack Frog Recipes and Middleware enable you to quickly build Frames with Frog and Airstack, configuring hubs, composing onchain data, and launching a Frame in just a few minutes.

  • Frames.js a react based framework for making frames. Debugger included. Airstack frames.js middleware helps you easily build build Frames with frames.js middleware. Seamlessly integrate casts, likes, channels, profiles, follows, trending mints, tokens, swaps and everything onchain.

  • Empowers developers to seamlessly integrate everything Airstack offers into Frames using just a few lines of code

Once you have set up your Frame server with the right meta tags, you will want to know which users interacted with your Frame so that you can take the next appropriate action.

  1. Use Airstack Validation API to validate the incoming user interaction and get details about the interacting user, cast author, and cast itself. For a tutorial on how to implement this, click here.

  2. To test Frames on your local machine, set up ngrok and use ngrok as your Frame's POST URL.

Now πŸͺ„ build some magic into your Frames. Use with Airstack Onchain Kit for Farcaster Frames which contains dozens of simple guides for working with Frames, integrating Farcaster and onchain data. For easy integration, Airstack provides you with Airstack Frog Recipes and Airstack Frames SDK to integrate onchain data to your Farcaster Frames within just a few lines of code. Here are just some of the things you can do with Onchain Kit:

  • Get user’s channels

  • Get follows and followers of followers

  • Get mint recommendations

  • Get tokens and token holders on Base, Zora, Ethereum, Gold

  • Get ENS

  • Get friends of friends

More Resources

Last updated

#946:

Change request updated