Skip to content

topleft1562/nft-marketplace-boilerplate

 
 

Repository files navigation

Boilerplate for NFT marketplace

This boilerplate is for NFT marketplace. Using this boilerplate, you can create NFT marketplace website.

img_20.png

img_21.png

img_22.png

How to create this application?

Deploy smart contracts

Please deploy ERC721 token contract

  • Click Create Dapp box

img_2.png

  • Input DApp name

img_23.png

  • Select the chain you want to deploy the contracts on.

img_4.png

  • Search and select one of ERC721 token modules

If you have already an ERC721 token, you can skip this.

img_24.png

img_25.png

  • Input token name, symbol and baseTokenURI. (If you didn't select ERC721 module, you don't need to add the token name and symbol).

img_26.png

  • Clicking Deploy button, you can deploy the smart contracts using metamask wallet.

img_27.png

Create NFT marketplace

Clone NFT marketplace boilerplate repository.

Clone this repository

git clone https://github.com/lastrust/nft-marketplace-boilerplate

Install app

cd nft-marketplace-boilerplate

yarn install

Add contract addresses

Please update src/lib/web3_constants.ts file with the smart contract addresses you deployed.

import { BigNumber } from 'ethers';

export const Decimals = BigNumber.from(18);
export const OneToken = BigNumber.from(10).pow(Decimals);

export const ERC721TOKEN_ADDRESS = '';
export const MARKETPLACE_ADDRESS = '';

export const CHAIN_ID = ; // numeric

export const CHAIN_INFO = {
  chainId: '', // hex
  rpcUrls: [''],
  chainName: '',
  nativeCurrency: {
    name: 'ETH',
    symbol: 'ETH',
    decimals: 18,
  },
  blockExplorerUrls: ['https://goerli.etherscan.io'],
};

Run application

Development mode

yarn dev

Production mode

yarn build
yarn start

img_20.png

Now you can use this application.

To learn more, please ask in our discord

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.2%
  • CSS 2.8%
  • JavaScript 1.0%