1 . Clone this repo:
git clone https://github.com/souravmaji1/NFT.frontend.git
2 . Change into the directory:
cd nextjs-nft-mint-dapp
3 . Install dependencies:
npm install
4 . Set up the env files:
Copy the .env(.*).example files to .env(.*):
cp .env.example .env
cp .env.development.example .env.development
cp .env.production.example .env.production
Replace the values in the env files with yours as needed.
5 . Set up the config file:
Replace the values in config/contract-config.json
with yours. This file is shared with the backend.
6 . Make an allowlist (if needed):
Include the applicable addresses in config/allowlist.json
.
7 . Other settings:
- Replace the images in
public/assets/
with yours - Replace the favicon files in
public/favicon/
with yours (Favicon Generator) - You can change the global background color and text color in
pages/_document.tsx
- You can set your own default styles for specific elements in
styles/globals.css
(Adding Custom Styles)
8 . Run the server:
npm run dev
If you're deploying your dApp to Fleek, uncomment Loader Configuration in
next.config.js
.
Fleek may take some time for the images to appear after deployment.
Check out the Next.js deployment documentation for more details.