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: 9 months 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 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-05T06:07:31.000Z (over 3 years ago)
- Last Synced: 2025-06-04T11:21:27.227Z (10 months 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!