frames

freelance web3 builder & serial hacker 🤠 | building /stringz 🧵 | dev w/ builders.garden 🍀 | me midena.dev 😇

Venice, Metropolitan City of Venice, Italy

Reading onchain is easy on a website as it’s on a frame.

But what do you do when the Viem "waitForTransactionReceipt" function makes your frame always exceed the 5s timeout?

I solved this using a queue with QStash and Vercel KV (big thank you to @orbulo 💙 for teaching me how to manage this situation in another frame)

- QStash works as a serverless scheduling solution, so it calls back one of my endpoints, where I retrieve the transaction receipt from the chain until the result is ready
- Vercel KV is a durable Redis database where I store and retrieve key-value and JSON data. At first, I created a record using the transaction hash as the key with the status “loading”, and I will update it when the transaction receipt is available.

And now, I can create a loading flow for the user that checks the result on Vercel KV.

The image shows an example from my frame.

Hope this could help some of you 😇

Are u building frames? learn here how to solve long waiting times

🇮🇹 Web3 fullstack developer at @builders-garden