Neynar

Celebrating the experimental launch of hubs.neynar.com

Do you see all these cool bots on Farcaster which reply with a frame and wonder how to make one yourself? Say no more we got you covered with @neynar. Check out this guide on our docs or simply follow this thread 👇

best farcaster developers build on neynar.com | /neynar

Do you see all these cool bots on Farcaster which reply with a frame and wonder how to make one yourself? Say no more we got you covered with @neynar. Check out this guide on our docs or simply follow this thread 👇

https://docs.neynar.com/docs/create-a-farcaster-bot-to-reply-with-frames-using-neynar

1/ Introduction

In this thread, we’ll go over:

1. Creating a webhook which listens to casts
2. Creating a bot which replies to the casts
3. Creating frames dynamically using the neynar SDK

You can directly take a look at the code here:

full stack web3 developer building cool shit and teaching others avneesh.tech

1/ Introduction

In this thread, we’ll go over:

1. Creating a webhook which listens to casts
2. Creating a bot which replies to the casts
3. Creating frames dynamically using the neynar SDK

You can directly take a look at the code here:
https://github.com/neynarxyz/farcaster-examples/tree/main/frames-bot

2/ Creating a bun server

I am going to use a bun server for the sake of simplicity of this thread, but you can use express, Next.js api routes or any server that you wish to use! 

Create a new server and install the required dependencies by entering the following commands in your terminal:

3/ Running the bun server

Once the project is created and the packages are installed, you can open it in your favourite editor, and add the following in index.ts and run the file using bun run index.ts:

4/ Serve the app using ngrok

We’ll serve the app using ngrok so, we can use this URL in the webhook. If you don’t already have it installed, install it from https://ngrok.com/download. Once it’s installed authenticate using your auth token and serve your app using ngrok http http://localhost:3000

5/ Creating a webhook
We need to create a webhook on the neynar dashboard that will listen for certain words/mentions and call our server which will then reply to the cast. So, head over to the neynar dashboard and go to the webhooks tab https://dev.neynar.com/webhook. Click on new webhook and enter the details as such

6/ Creating the bot
Head to the app section https://dev.neynar.com/app in the neynar dashboard https://dev.neynar.com/ and copy the signer UUID for your account. If you don’t have a signer generated, it will prompt you to connect your Farcaster account and generate the signer uuid

7/ Configure your env variables

You are going to need two env variables, SIGNER_UUID and NEYNAR_API_KEY. So, create a new .env file and them. We just got the signer uuid and you can get your neynar api key from the overview section of the dashboard

8/ Configuring the neynar client

Create a new neynarClient.ts file and add the following to it, this will initialise the neynar client so that we can use it in the next step:

9/ Coding out the server

In the index.ts file add the following code, you can find it in the Github repository as well (in index.ts). This block of code creates a frame using the neynar SDK and passes it in as a reply to the cast with the hash that we got from the request body of the webhook call

10/ Conclusion

You can restart the server and try posting a cast which matches your condition and it should reply to you with a frame! I hope you learnt a lot from this thread and built some amazing bots. If you did, share it with us by tagging @neynar and if you have any suggestions drop it in /neynar.