MCPcopy Index your code
hub / github.com/coinbase/nft-dapp-starter-kit

github.com/coinbase/nft-dapp-starter-kit @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
106 symbols 297 edges 80 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

NFT Dapp Starter Kit 🏗️

Ready to bootstrap your own NFT minting site? You're in the right place. This boilerplate repo contains an NFT minting contract, a sample frontend dapp, and metadata generation scripts for you to get started.

Play around with the deployed test app here. Check out the deployed test contract on Goerli: NonFungibleCoinbae: 0xBa9FFf60ead181805369F92e032D898227937b2B.

Getting Started

Have the following items handy, then fork this repository and move onto Step 1:

  1. Private and public key of your development wallet (Coinbase Wallet Recommended)
  2. API URL for testnet and mainnet (Coinbase recommended for mainnet, Alchemy or Infura for testnet)
  3. Etherscan API Key for contract verification (Etherscan)

Step 1: Smart Contracts

Set up and deploy your NFT smart contract and interact with them via Hardhat by going to /smart-contracts.

Step 2: Frontend

Set up and deploy your own minting dapp UI by going to /frontend

Step 3: Metadata / Assets

Learn more about token metadata and generate your own metadata by going to /metadata.

Questions?

If you have any questions or notice issues, please file a ticket and we will respond as soon as possible! We welcome all contributors to open pull requests and will try to review them in a timely manner.

Projects Built with NFT Dapp Starter Kit

Open a PR to add your project to the list:)

Inspirations

This starter kit was largely inspired by the following projects:

Resources

License

See LICENSE

Core symbols most depended-on inside this repo

generateMerkleProof
called by 3
frontend/coinbaes/utils/merkleProofs.tsx
abridgeAddress
called by 3
frontend/coinbaes/utils/abridgeAddress.tsx
generateMerkleProof
called by 3
frontend/basic/utils/merkleProofs.tsx
abridgeAddress
called by 3
frontend/basic/utils/abridgeAddress.tsx
generateMerkleProof
called by 2
smart-contracts/scripts/generateMerkleProofs.js
filterDNAOptions
called by 2
metadata/art-engine/scripts/setupMetadata.js
fetchData
called by 1
frontend/coinbaes/pages/mycoinbaes.tsx
fetchData
called by 1
frontend/coinbaes/pages/viewer.tsx

Shape

Function 106

Languages

TypeScript100%

Modules by API surface

metadata/art-engine/scripts/setupMetadata.js18 symbols
frontend/coinbaes/pages/presale-mint.tsx5 symbols
frontend/coinbaes/pages/mint.tsx5 symbols
frontend/basic/pages/presale-mint.tsx5 symbols
frontend/basic/components/landing/Mint.tsx5 symbols
frontend/coinbaes/pages/viewer.tsx2 symbols
frontend/coinbaes/pages/mycoinbaes.tsx2 symbols
frontend/coinbaes/components/NavBar.tsx2 symbols
frontend/basic/pages/viewer.tsx2 symbols
frontend/basic/pages/mypage.tsx2 symbols
frontend/basic/components/NavBar.tsx2 symbols
smart-contracts/scripts/withdrawTokens.js1 symbols

For agents

$ claude mcp add nft-dapp-starter-kit \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact