How to create a 3D NFT collection with Three.js

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 three.js 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
https://github.com/wass08/react-three-fiber-nft-collection-maker

Wawa Pirates NFT unique collection generated during this course
https://opensea.io/collection/wawa-pirates

OpenSea Metadata Standards
https://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
https://goerli-faucet.pk910.de/
https://goerlifaucet.com/

Remix IDE
https://remix.ethereum.org/

OpenSea Testnet (Switch to Goerli network)
https://testnets.opensea.io/

OpenSea (switch to Polygon or Ethereum network)
https://opensea.io/

Create your MetaMask wallet
https://metamask.io/

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

R3F Drei
https://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
https://www.youtube.com/watch?v=fzH7Gjadmj0