https://github.com/updatesettings/nextjs-candy-machine-v2
https://github.com/updatesettings/nextjs-candy-machine-v2
Last synced: 27 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/updatesettings/nextjs-candy-machine-v2
- Owner: updatesettings
- License: apache-2.0
- Created: 2022-01-07T07:13:38.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-16T18:55:21.000Z (over 2 years ago)
- Last Synced: 2024-08-01T08:15:27.981Z (9 months ago)
- Language: TypeScript
- Homepage: https://updatesettings.com/
- Size: 1.15 MB
- Stars: 31
- Watchers: 0
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - updatesettings/nextjs-candy-machine-v2 - (TypeScript)
- awesome-solana-nfts - Next.js Tailwind CSS Candy Machine V2 - candy-machine-v2?style=social) - Next.js, Whitelist signup to Notion, Tailwind CSS, NFT Collection Viewer, and more. (🙏 Community-built Tools / for Candy Machine)
- awesome-solana-nfts-v2 - Next.js Tailwind CSS Candy Machine V2 - candy-machine-v2?style=social) - Next.js, Whitelist signup to Notion, Tailwind CSS, NFT Collection Viewer, and more. (🙏 Community-built Tools / for Candy Machine)
README
## BEEN ON HOLIDAY AND DOING IRL LIFE STUFF, BUT WILL GET BACK TO THIS SOON.
# Metaplex Candy Machine V2 - Next.js
Tutorial by [Update Settings](http://github.com/updatesettings)
BETA RELEASE - Updates still being made
Need web3 help? Support Update Settings by becoming a Cursor holder to receive exclusive access to projects and get hands on web3 dev help by our team.
## [Get a Cursor](https://magiceden.io/marketplace/cursors_by_update_settings)
### To Do:
- [ ] Fix Presale Phase Header (page requires refresh)
- [ ] Remove unused code
- [ ] Performance optimization
- [x] Whitelist signup prevent duplicates
- [ ] Animations
---
# Setup Candy Machine
Create New Wallet
```bash
// Optional: Make a folder if you dont already have one
mkdir ~/my-solana-wallet
// Make wallet within folder
solana-keygen new --outfile ~/my-solana-wallet/my-keypair.json
// Get wallet address
solana-keygen pubkey ~/my-solana-wallet/my-keypair.json
// Use wallet address to verify with keypair
solana-keygen verify ~/my-solana-wallet/my-keypair.json
// Config wallet
solana config set --keypair ~/my-solana-wallet/my-keypair.json
// Devnet Fund wallet
solana airdrop 1 --url https://api.devnet.solana.com
// Config Network (devnet)
solana config set --url https://api.devnet.solana.com
```
Create whitelist spl token
```bash
// Optional: Create Token w/ custom vanity
solana-keygen grind --starts-with US:1
// Create Token (If using custom vanity)
spl-token create-token --decimals 0
// Create Token (if NOT using custom vanity start here)
spl-token create-token --decimals 0
// Create token account
spl-token create-account
// Create token supply
spl-token mint
// Check token supply
spl-token balance
```
Distribute SPL Tokens via Gumdrop (Optional)
```bash
// Create JSON file with dist list of wallet address
example-dist.json
[
{
"handle": "",
"amount": ,
["edition": ]
},
]
// Run Gumdrop to distribute SPL token
npx ts-node js/packages/cli/src/gumdrop-cli.ts create -k --claim-integration transfer --transfer-mint --distribution-method wallets --distribution-list example-dist.json
```
Set up config file
Civic pass disabled in this config
```bash
{
"price": 1,
"number": 310,
"gatekeeper": null,
"solTreasuryAccount": "XXXXpj1yKkPrzCy1zK96iGVFkDjuhw62aqKVsKXXXXX",
"splTokenAccount": null,
"splToken": null,
"goLiveDate": "19 Jan 2022 13:00:00 PST",
"endSettings": null,
"whitelistMintSettings": {
"mode": { "burnEveryTime": true },
"mint": "61yn9rQEUetLhENEj73pGr3L1Rm8AjpK6DDYc1BYCikV",
"presale": true,
"discountPrice": 0
},
"hiddenSettings": null,
"storage": "arweave", // arweave-sol for mainnet
"ipfsInfuraProjectId": null,
"ipfsInfuraSecret": null,
"awsS3Bucket": null,
"noRetainAuthority": false,
"noMutable": false
}
```
```bash
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts upload -e devnet -k ~/my-solana-wallet/demo.json -cp config.json -c demo ./demo-assets --rpc-url https://api.devnet.solana.com
```
```bash
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts verify_upload -e devnet -k ~/my-solana-wallet/demo.json -cp config.json -c demo
```
```bash
// Mint one
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts mint_one_token -e devnet -k ~/my-solana-wallet/demo.json -c demo
// Mint multiple (example: 3)
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts mint_multiple_tokens --number 3 -e devnet -k ~/my-solana-wallet/demo.json -c demo
```
[Install Metaboss](https://github.com/samuelvanderwaal/metaboss)
```bash
// Verify Keypair for creator (-t 90 needed due to network )
metaboss -t 90 sign all --keypair --candy-machine-id --v2
```
```bash
// Update Candy Machine
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts update_candy_machine -e devnet -k ~/my-solana-wallet/demo.json -c demo
```
```bash
// * WARNING *
// This will break your candy machine and any other candy machines tied to the keypair.
// Recommend to run this after you have fully minted!
// Rec to run a dry version to view what will break
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts withdraw --dry -e devnet -k ~/my-solana-wallet/demo.json
// Official withdraw command
npx ts-node js/packages/cli/src/candy-machine-v2-cli.ts withdraw -e devnet -k ~/my-solana-wallet/demo.json
```
---
# Run Front End
```bash
// Fork & Clone
git clone https://github.com/updatesettings/nextjs-candy-machine-v2.git
// Config .env
NEXT_PUBLIC_CANDY_MACHINE_ID=
NEXT_PUBLIC_SOLANA_NETWORK=devnet
NEXT_PUBLIC_SOLANA_RPC_HOST=https://api.devnet.solana.com
// If you are running the whitelist sign up page, then setup notion as well
NOTION_API_KEY=
NOTION_DATABASE_ID=
// Add Site Data .../data/siteData.js
// Important to add wallet address(es) of creators as this is how we pull the NFTs
// It's recommended to only use the wallet address(es) that are only associated
// to the collection and not tied to other collections
addresses: {
creators: [
"XXXXyKkPrzCy1zK96iGVFkDjuhw62aqKVXXXX",
],
},
// Set node version - it is recommended to nvm (node version manager)
nvm use
// Install packages
yarn install
// Run local
yarn dev
/////////////////////////////////////////
// Image URLS
// if you don't use Arweave for your NFTs, then you will need to update next.config.js
images: {
domains: ["arweave.net", "www.arweave.net"],
},
```
# Setup Build (Vercel)
```bash
// Login to vercel
// Set up new project
// Framework Preset: Next.js
// Config Environment Variables (as above)
// In Environment Variables you may need deactivate the CI if build is failing
CI=false
```