Development Guide

Development Guide

How to set up the NFT Collection App for local development

Development Setup

To start developing on the NFT Collection App in a local development environment, follow these steps:

1. Start the Frontend

Navigate to the client folder and run the development server:

cd client
pnpm install
pnpm run dev

This will start the app on http://localhost:3000.

2. Set Up Ganache

Once the frontend is running, open Ganache and configure it:

  1. Go to Settings.

  2. Open the Server tab.

  3. Change the PORT to 8545.

  4. Click Save & Restart.

3. Connect Your Wallet (e.g. MetaMask)

Set up a custom network in your wallet:

Network Name: Localhost 8545

RPC URL: http://127.0.0.1:8545

Chain ID: 1337 (or whatever Ganache shows)

Then switch to this network in your wallet.

4. Deploy Smart Contracts

Make sure you've read the previous installation section

As we've mentioned you should run the development deployment as the following

truffle migrate --network development

and add the contract addresses to .env file as mentioned in Backend Installation

On this page