Back to videos

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

Need help while watching this video? Join our Discord community .

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