从零搭建前后端NFT铸造网站

描述：本项目是针对Beginner和客户演示的网站页面Mint NFT的Demo版本

项目截图

项目结构

• 合约部分
  • 部署环境：测试网 Seplla
  • 钱包：MetaMask钱包
  • 合约需要通过编译并且Verified通过
• 前端部分
  • create-react-app脚手架

技术框架

• Solidity 0.8.20以上版本
• hardhat
• infura
• chakra ui 一个高可用的React UI库
• vercel 前端云部署
• 静态资源在项目中直接按需下载

项目在线体验

在线体验

项目启动

• 合约部分

  1. 合约清除缓存

   npx hardhat clean
  

  2. 合约编译

   npx hardhat compile
  

  3. 合约部署

  npx hardhat run --network sepolia scripts/deployRoboPunksNFT.js
  

  4. 合约verify(有三种方法)
  • hardhat脚本verified
  • 在线remix verified
  • etherscan verified

• 网站前端部分

  1. 下载安装依赖

  npm install
  

  2. 本地启动

  npm run start
  

  3. 项目编译

  npm run build
  

业务规则说明

• 规则规定每个钱包最多mint三个NFT,可以按需更改
• 本项目的合约地址:0x3304F3F0033dcE9D4c6a53A59266eD2aE75D1617
• ABI文件在 /src/RoboPunksNFT.json