Create a complete NFT project using Thirdweb - Smart Contract, Delayed reveal, Split funds, Deploy

Complete NFT project with your own split contract to divvy the earnings from your NFT collection. Create an ERC721A smart contract with delayed reveal for your NFTs. Set claim conditions from allowlist to public. Finally deploy your projects app with Vercel and share your domain for users to claim your NFT.

Demo

🎯 URL: https://warlocks-completenft.vercel.app
🎯 Network: Sepolia Testnet

Contracts

Split: https://thirdweb.com/thirdweb.eth/Split
NFTDrop (ERC721): https://thirdweb.com/thirdweb.eth/DropERC721

Docs

Claim Conditions: https://portal.thirdweb.com/react/react.useactiveclaimconditionforwallet

$ npx thirdweb create@latest create app
Need to install the following packages:
  thirdweb@0.10.25
Ok to proceed? (y) 

    $$\     $$\       $$\                 $$\                         $$\       
    $$ |    $$ |      \__|                $$ |                        $$ |      
  $$$$$$\   $$$$$$$\  $$\  $$$$$$\   $$$$$$$ |$$\  $$\  $$\  $$$$$$\  $$$$$$$\  
  \_$$  _|  $$  __$$\ $$ |$$  __$$\ $$  __$$ |$$ | $$ | $$ |$$  __$$\ $$  __$$\ 
    $$ |    $$ |  $$ |$$ |$$ |  \__|$$ /  $$ |$$ | $$ | $$ |$$$$$$$$ |$$ |  $$ |
    $$ |$$\ $$ |  $$ |$$ |$$ |      $$ |  $$ |$$ | $$ | $$ |$$   ____|$$ |  $$ |
    \$$$$  |$$ |  $$ |$$ |$$ |      \$$$$$$$ |\$$$$$\$$$$  |\$$$$$$$\ $$$$$$$  |
     \____/ \__|  \__|\__|\__|       \_______| \_____\____/  \_______|\_______/ 

 💎 thirdweb-cli v0.10.18 💎

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

On pages/_app.tsx, you'll find our ThirdwebProvider wrapping your app, this is necessary for our hooks and UI Components to work.

Deploy to IPFS

Deploy a copy of your application to IPFS using the following command:

yarn deploy

Learn More

To learn more about thirdweb and Next.js, take a look at the following resources:

• thirdweb React Documentation - learn about our React SDK.
• thirdweb TypeScript Documentation - learn about our JavaScript/TypeScript SDK.
• thirdweb Portal - check our guides and development resources.
• Next.js Documentation - learn about Next.js features and API.

You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!

Join our Discord!

For any questions, suggestions, join our discord at https://discord.gg/thirdweb.

🤖 Warlocks!