# CMv3 & UI

### Build your Solana NFT project in less than 30 minutes

<div align="center"><img src="https://i.imgur.com/YQbPt0F.png" alt="" width="800"></div>

`This project is meant for those with no prior expertise in Solana`

`for Linux or MacOS systems`

using the `devnet` network for testing, change it to `mainnet-Beta` after testing everything.

Try the project first to determine whether this is what you're searching for: [Demo](https://demo.solpad.art)

#### What You Need?

#### Node.js installed (version 16.15 or higher)

<https://nodejs.org/en/download/package-manager,>

```sh
node --version
```

#### npm installed

<https://www.npmjs.com/package/install>

```sh
npm --version
```

#### VSCode editor

<https://code.visualstudio.com/download>

#### Solana CLI installed

<https://docs.solanalabs.com/cli/install>

```sh
sh -c "$(curl -sSfL https://release.solana.com/v1.18.12/install)"
```

```sh
solana --version
```

#### Sugar installed

```sh
bash <(curl -sSf https://sugar.metaplex.com/install.sh)
```

`Note: You may need to restart your terminal after installation`

```sh
sugar --version
```

#### [Phantom Wallet](https://phantom.app/download) or [Solflare](https://solflare.com/download) extension installed

***

#### Getting Started

Clone Repo

```sh
git clone https://github.com/Solnm/UI.git
```

```sh
cd UI
```

```sh
code.
```

`it will open your project in VSCode`

#### Create Candy Machine V3

Set Up a New Wallet

```sh
solana-keygen new --no-bip39-passphrase --outfile ./wallet.json  
```

copy your wallet private key on the `wallet.json` file then import it to Phantom Wallet or Solflare extension, you will need to connect it to get `NEXT_PUBLIC_LUT`, `Be careful! Keep it in a safe place. Then delete it from your files`

confirm that the wallet you just generated is the wallet that the Solana CLI will use.

```sh
solana config set --keypair ./wallet.json
```

#### Connect to a Solana Cluster

```sh
Solana config set --url https://api.devnet.solana.com
```

#### Fund your wallet

```sh
solana airdrop 1
```

or use the Solana [faucet](https://faucet.solana.com)

update `Config.json`, `assets.json`, and `collection.json` files. to match your data, you can also use your image by replacing it but keeping the same filename.

Make sure to replace `YOUR_WALLET_ADDRESS` with the wallet address you created earlier in the `config.json` file

#### Use Suger to validate, upload, deploy, and verify your candy machine

```sh
sugar validate
```

```sh
sugar upload
```

```sh
sugar deploy
```

import your candy machine ID in the `.env.example` file as `NEXT_PUBLIC_CANDY_MACHINE_ID`

```sh
sugar verify
```

```sh
sugar guard add
```

change the `.env.example` file name to `.env` and enter your details.

***

#### Set Up a Minting Site

```sh
pnpm install
```

```sh
pnpm run dev
```

Open your browser at <http://localhost:3000>

Connect your wallet which you used to create the candy machine, You should see an `initialize` button, Click it and then click `Create LUT`, Copy the LUT address that you see in the success box and paste it into the `.env` file as the value for `NEXT_PUBLIC_LUT`

Add your candy machine groups to the settings.tsx file. Optional, `E.g. if one of your groups is called WL you should have an entry for it in there`

you can modify `settings.tsx` to change the texts and images.

create a GitHub account if you don't have one, and upload your files.

deploy your website on <https://vercel.com>, or <https://netlify.com/> , or any hosting platform.

`feel free to create an issue or a pull request`

#### If you feel that it is difficult for you, you can [Apply](https://solpad.art/dashboard/basic-drop/) to launch and host it on our platform

#### Disclaimer!

This is not an official project by the Metaplex team. You can use that code at your own risk,

use it only for honest projects.

Happy Minting!

#### Thanks to the  [Metaplex-foundation](https://github.com/metaplex-foundation) , [Quicknode](https://www.quicknode.com/), [MarkSackerberg](https://github.com/MarkSackerberg)

####

`Resources`

[Original UI code](https://github.com/MarkSackerberg/umi-cmv3-ui-inofficial/) , [Original CM installation guide](https://www.quicknode.com/guides/solana-development/nfts/how-to-deploy-an-nft-collection-on-solana-using-sugar-candy-machine-umi)

Mixed and redesigned by SOLNM team


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://solnm.gitbook.io/docs/technology/cmv3-and-ui.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.