nft_minting_site's Introduction

Note
The currently working version is on the new-version branch, which uses the updated version of The Candy Machine UI

🎉 NFT Minting site

✨ Features:

Connect wallet button - Candy Machine UI implementation
Multiwallet MUI button - Disconnect, Copy address, Connect other wallet - for more info visit Solana Labs - Wallet Adapter repository
Balance displayed when wallet is connected
NFT reveal - users can see the NFTs from the collection that are owned by them
Multiple NFT minting - limited to remaining elements

👓 Prerequisites:

NFT collection deployed to Arweave
node - it is recommended to install the node package manager
yarn
ts-node

More info on Metaplex Docs

Steps to make the application work:

Clone the repository
Install needed packages using yarn install
Create an .env file in the root directory of the project with the following content:

REACT_APP_CANDY_MACHINE_ID=<Candy Machine ID generated during NFT collection deployment>
REACT_APP_SOLANA_NETWORK=<cluster used for the deployment>
REACT_APP_SOLANA_RPC_HOST=https://metaplex.devnet.rpcpool.com/

Start the application using yarn start
If facing errors, react-scripts might need to be installed using yarn add react-scripts and try to start the application again

📖 Useful sources:

🔗 Generating NFT collection:
https://github.com/HashLips/hashlips_art_engine

🔗 Learn how to deploy NFTs and create a simple website:
https://buildspace.so/p/ship-solana-nft-collection

🔗 Getting inspiration for implementing the multiple minting feature from this repo:
https://github.com/Fulgurus/candy-machine-v2-responsive-ui/tree/multimint

Recommend Projects