All the necessary information about uploading zip Archives on BeyondNFT. Any more question? Join our discord http://chat.beyondnft.io

Uploading a ZIP file

Uploading ZIP Archive is now ready and available on https://beyondnft.io !

https://www.youtube.com/watch?v=QLyy4E2zzAQ

Feature

ZIP archive upload has been a very requested Feature, and we are happy to be able to provide it now, with NFT that are actually Interactive on OpenSea too!

You can now upload an Archive file containing your whole app (index.html & all other files) and we will upload it to IPFS and transform it into an NFT!

This functionality has the same rights than any other Interactive NFT on Beyond NFT meaning you can use any API you want and do any call you want, except, for security reason, using localStorage and Cookies nor access the browser plugins.

Next to that, your NFT can act like any other html app, using libraries like p5js, threejs, zdog, Svelte, Vue, React etc... only your imagination can stop you!

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bb32dc14-1b84-4907-bd08-34fbe87e3e65/Screenshot_2021-06-03_BeyondNFT_Interactive_NFTs_-_Where_NFTs_meet_Code.png

Mandatory files

For this to work, two files will be mandatory in the Archive:

First we will check if there is a meta[property="og:image"]in your index.html and will use the corresponding file.

If this property does not exist, we check the names preview , cover and thumbnail with the following extensions: apng, gif, png, jpg, jpeg ⇒ The first one to be found will be used. Be aware that filenames are case sensitive: Cover is different than cover, please use small letters or set the right name in your meta[property="og:image"]

there is another rule that shouldn't impact anyone but better have it here: when we upload your directory to IPFS, we add a file named __metadata.json that contains all the metadata of your NFT (name, description, cover, attributes, license, ...) to make it accessible to your code. This is why we throw an error if you have a file with this name in your zip archive.

Dependencies

We recommend that you add all your dependencies (libraries, css, etc...) in the archive and reference them using relative paths. This way you will be sure that you do not have any external dependencies and that your NFT will work forever.

Repositories