Uploaded December 2022 | Updated September 2026, 2 weeks ago
Welcome to the full tutorial that you will need to create a unique collection of 3D NFTs and upload them onto Polygon or any Ethereum-compatible blockchain.
In this tutorial you'll learn the following:
- How to generate unique 3D models using three.js and React-Three-Fiber
- How to save screenshots from your threejs scene and download .json metadata
- How to upload your collection to IPFS using Pinata
- How to create an ERC-721 Solidity contract to mint your NFTs
- Publish your collection into OpenSea
Link to the source code
github.com/wass08/react-three-fiber-nft-collection-maker
Wawa Pirates NFT unique collection generated during this course
opensea.io/collection/wawa-pirates
OpenSea Metadata Standards
docs.opensea.io/docs/metadata-standards
How to access to IPFS Files
https://docs.ipfs.tech/install/ipfs-companion/
Get free Goerli Ethereum from those faucets
goerli-faucet.pk910.de
goerlifaucet.com
Remix IDE
remix.ethereum.org
OpenSea Testnet (Switch to Goerli network)
testnets.opensea.io
OpenSea (switch to Polygon or Ethereum network)
opensea.io
Create your MetaMask wallet
metamask.io
React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
R3F Drei
github.com/pmndrs/drei#readme
Create your React App in a minute with Vite
https://vitejs.dev/guide/
Hashlips Tutorial to create 2D NFT Collection
youtube.com/watch?v=fzH7Gjadmj0
If you want to dive deeper into Three.js I highly recommend you follow Bruno Simon's complete tutorial named Three.js Journey.
threejs-journey.com
I also have a discount code just for you to get -20%
https://threejs-journey.xyz/join/wawasensei1
#threejs #nft #solidity
===
Final result: (00:00)
Intro: (00:15)
3D Scene: (00:57)
Collection / Unique Traits: (13:26)
Publish IPFS: (41:49)
NFT Collection Solidity Contract: (47:55)
Conclusion: (59:46)
====
💻 The Discord Community
discord.gg/2wBhwchcWu
📸 Instagram :
instagram.com/wawa.sensei
🎎 Facebook :
facebook.com/wawasenseiyt
🐦Twitter :
twitter.com/wawasensei
🐦TikTok :
tiktok.com/@wawasensei08
💻 My website :
https://www.wawasensei.dev
🎨 The end screen artist (aka My friend) :
instagram.com/noemie_pulido
Welcome to the full tutorial that you will need to create a unique collection of 3D NFTs and upload them onto Polygon or any Ethereum-compatible blockchain.
In this tutorial you'll learn the following:
- How to generate unique 3D models using three.js and React-Three-Fiber
- How to save screenshots from your threejs scene and download .json metadata
- How to upload your collection to IPFS using Pinata
- How to create an ERC-721 Solidity contract to mint your NFTs
- Publish your collection into OpenSea
Link to the source code
github.com/wass08/react-three-fiber-nft-collection-maker
Wawa Pirates NFT unique collection generated during this course
opensea.io/collection/wawa-pirates
OpenSea Metadata Standards
docs.opensea.io/docs/metadata-standards
How to access to IPFS Files
https://docs.ipfs.tech/install/ipfs-companion/
Get free Goerli Ethereum from those faucets
goerli-faucet.pk910.de
goerlifaucet.com
Remix IDE
remix.ethereum.org
OpenSea Testnet (Switch to Goerli network)
testnets.opensea.io
OpenSea (switch to Polygon or Ethereum network)
opensea.io
Create your MetaMask wallet
metamask.io
React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
R3F Drei
github.com/pmndrs/drei#readme
Create your React App in a minute with Vite
https://vitejs.dev/guide/
Hashlips Tutorial to create 2D NFT Collection
youtube.com/watch?v=fzH7Gjadmj0
If you want to dive deeper into Three.js I highly recommend you follow Bruno Simon's complete tutorial named Three.js Journey.
threejs-journey.com
I also have a discount code just for you to get -20%
https://threejs-journey.xyz/join/wawasensei1
#threejs #nft #solidity
===
Final result: (00:00)
Intro: (00:15)
3D Scene: (00:57)
Collection / Unique Traits: (13:26)
Publish IPFS: (41:49)
NFT Collection Solidity Contract: (47:55)
Conclusion: (59:46)
====
💻 The Discord Community
discord.gg/2wBhwchcWu
📸 Instagram :
instagram.com/wawa.sensei
🎎 Facebook :
facebook.com/wawasenseiyt
🐦Twitter :
twitter.com/wawasensei
🐦TikTok :
tiktok.com/@wawasensei08
💻 My website :
https://www.wawasensei.dev
🎨 The end screen artist (aka My friend) :
instagram.com/noemie_pulido
