For testing on local host it can be a little tricky, as you can only do so much with local API calls in something like Postman. Deploying it to Vercel is what we did here with the set ENV variables, then pasted that vercel link into the frame validator. If you still need some help join our channel on Farcaster! /pinata
@@petra.synthetic This might help! But in either case we can help more via email if you'd like :) steve@pinata.cloud ua-cam.com/video/zRJcQ9PFSHE/v-deo.htmlsi=Olx41TWyPqg_j69e
So is the point of this basically just to be able to build “twitter post” that is interactive? And do these frames work on mobile devices like Warpcast - or are certain types of frames not working on mobile
Yep! Frames work on mobile and since it’s using the open network schema, any client apart from Warpcast could support them too. In essence they’re fully interactive apps within a social media post, with the added payload of a user’s information and their ed25519 signature for verification. Allows for things like polls with one vote per user! docs.farcaster.xyz/reference/frames/spec
There's not a perfect way to test locally, but the best approach is to use an API client like Postman and make requests your API routes. So in our example it would be something like `POST localhost:3000/api/frame?id=1` with a raw body of { untrustedData: { buttonIndex: 1 } } This way you can replicate the meta tag responses and manually page through to make sure its returning the right tags. However depending on your application this gets harder to do, like if you're relying on signature information from Farcaster. At that point its easier to push to production and use the frame tester: warpcast.com/~/developers/frames
Hi there!! Luckily for you, we have a blog post outlining the entire process 😁 --> www.pinata.cloud/blog/how-to-build-a-farcaster-frame-that-mints-nfts
Amazing tutorial, albeit complicated. Thanks for your time Steve!
Great tutorial Steve! This helped close a few gaps I had in my understanding and my frame will be live soon!
Amazing tutorial for helping us speedrun building frames! 🏃💨
Thanks for sharing!
Do you know how to cast a a long video on WP without redirecting to a different site?
I did all the steps, but I got stuck on the last one, for how to activate my local server and get my URL to test on warpcast, I can't figure it out.
I don't understand the vercel thing either, it would be better to see how you would do it or an example.
For testing on local host it can be a little tricky, as you can only do so much with local API calls in something like Postman. Deploying it to Vercel is what we did here with the set ENV variables, then pasted that vercel link into the frame validator. If you still need some help join our channel on Farcaster! /pinata
@@petra.synthetic This might help! But in either case we can help more via email if you'd like :) steve@pinata.cloud ua-cam.com/video/zRJcQ9PFSHE/v-deo.htmlsi=Olx41TWyPqg_j69e
Great vid. What's the link to the Frame Validator ?
Thank you! Sorry for that, will link in the description as well: warpcast.com/~/developers/frames
So a frame like frames from old school HTML websites?
In a way yes! They are html meta tags :)
So is the point of this basically just to be able to build “twitter post” that is interactive? And do these frames work on mobile devices like Warpcast - or are certain types of frames not working on mobile
Yep! Frames work on mobile and since it’s using the open network schema, any client apart from Warpcast could support them too. In essence they’re fully interactive apps within a social media post, with the added payload of a user’s information and their ed25519 signature for verification. Allows for things like polls with one vote per user! docs.farcaster.xyz/reference/frames/spec
The video came out fast!
🏎
Can you tell me what is your camera, the view is so clear and bright!!
can laravel make farcaster frame???
Are you available for hire?
is there a way I could just use a wysiwyg visual drag and drop framebuilder somewhere? I don't want to script.
Learn to code
how do i test this locally?
There's not a perfect way to test locally, but the best approach is to use an API client like Postman and make requests your API routes. So in our example it would be something like `POST localhost:3000/api/frame?id=1` with a raw body of
{
untrustedData: {
buttonIndex: 1
}
}
This way you can replicate the meta tag responses and manually page through to make sure its returning the right tags. However depending on your application this gets harder to do, like if you're relying on signature information from Farcaster. At that point its easier to push to production and use the frame tester: warpcast.com/~/developers/frames
nice vid man
how to make afram to mint NFT ?
Just gonna have to make the UI - then link the Smart contract Mint function and wallet connect in the frame
Hi there!! Luckily for you, we have a blog post outlining the entire process 😁 --> www.pinata.cloud/blog/how-to-build-a-farcaster-frame-that-mints-nfts
thank you sweetheart
Way to complicated to just add a frame into a social media app. How are normies going to do this?!
There are no code tools out there for people to build frames! This is more geared towards developers who might build said tools 🛠️
@@pinatacloud I understand but this should be standard in the warpcaster app imo.
Whats tools for coding ?