https://github.com/net2devcrypto/n2d-ipfs-nft-puller-react-nextjs-noapi

💥💥A React - NextJS NFT IPFS CID Metadata Puller for Image Display - NO Private API Required 🥳🥳
https://github.com/net2devcrypto/n2d-ipfs-nft-puller-react-nextjs-noapi

blockchain ethereum ipfs ipfs-api metadata nextjs nft react

Last synced: 11 days ago
JSON representation

💥💥A React - NextJS NFT IPFS CID Metadata Puller for Image Display - NO Private API Required 🥳🥳

• Host: GitHub
• URL: https://github.com/net2devcrypto/n2d-ipfs-nft-puller-react-nextjs-noapi
• Owner: net2devcrypto
• Created: 2022-07-01T00:55:44.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-05T06:07:31.000Z (over 2 years ago)
• Last Synced: 2024-10-29T14:19:10.561Z (19 days ago)
• Topics: blockchain, ethereum, ipfs, ipfs-api, metadata, nextjs, nft, react
• Language: JavaScript
• Homepage:
• Size: 1.01 MB
• Stars: 11
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    

💥💥A React - NextJS NFT IPFS CID Metadata Puller for NFT Info/Image Display💥💥

    

🥳🥳NO Private API Required 🥳🥳

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

Subscribe and follow me to get more amazing content!

Youtube, Instagram, Tiktok : Net2Dev

Github @net2devcrypto

Please donate to: net2dev.eth

    

TO USE,

    

1- Install Required Dependencies:

npm i ethers axios @nextui-org/react

2- add the n2dpuller folder in your project folder:

NextJS

add n2dpuller folder inside "pages" folder

ReactJS

add n2dpuller folder inside "src" folder

    

3- Update "settings.js" section with your info accordingly:

    export const nftContract = "NFTCONTRACTADDRESS"

    export var mainnet = eth

    export var displayAmount = 10

    Save File CTRL+S

4- Import nftpuller into your desired project page:

Example, Add in index.js:

    

import Nftpuller from '../pages/n2dpuller/nftpuller'

then go to the HTML Section and apply the app to be rendered:

    

    return (

    

    

    

    )

SAVE and ENJOY!