M00npapi's Proppy Landscape API frame hack

An easy to use frame which creates a gallery out of all the 307 nfts with the Landmark AI tag on Base. Click thru the gallery, view it on Zora, or sign up at propykeys.com

Comment

GITHUB REPO

https://github.com/mugrebot/miamiframeshack.git

Inspiration

My goal was to get something across the finish line -- I took inspiration from #1 the landmark AI api from proppy

What it does

The api returns a json file with all the information for a number of nfts per page, in total this collection is 307 nfts, which all have a location, coordinates, status (reserved or issued), asset address and owner address.

This info is displayed on a frame with the ipfs url (CID) of the AI generated art (at time of mint, not in my build) , you can move forward or back thru the gallery as well as view it on Zora in case you might want to collect the NFT. You can also click another button to sign up for proppy

How we built it

Frames.js + Next.js - deployed to Vercel -- tested with frames.js debugger at https://localhost:3000 - validated on Warpcast using: https://warpcast.com/~/developers/frames (returns a proper frame with logs if its right)

Challenges we ran into

Serverside rendering when I mostly use client side confused me at first - image size being too large stumped me for a while

Accomplishments that we're proud of

What we learned

What's next for M00npapi's Proppy Landscape API frame hack

Built With

Share this project:

Updates