August 11, 2023

How to Create NFT Staking Landing Page using ERC20, ERC721 in Next JS

How to Create NFT Staking Landing Page using ERC20, ERC721 in Next JS

View Demo👇:
https://nft-staking-master.netlify.app/

NOTE:

it's built on rinkeby ethereum testnet
It's still on process.

what you can get from this project:

  1. wallet integration with web3react
  2. erc721 staking
  3. erc20 coin to reward

Preparations

  1. fullfill .env
    NEXTPUBLICALCHEMYRPCURL
    NEXTPUBLICALCHEMYAPIKEY
    NEXTPUBLICINFURAAPIKEY

Images of The NFT Collection Website:

staking-dashboard unstaked-apes minting-dapp emergency-call wallet-connection