{"content":{"title":"从零搭建前后端NFT铸造网站","body":"# 从零搭建前后端NFT铸造网站\r\n\r\n### 描述：本项目是针对Beginner和客户演示的网站页面Mint NFT的Demo版本\r\n\r\n### 项目截图\r\n\r\n![WX20231213-093741@2x.png](https://img.learnblockchain.cn/attachments/2023/12/P1bB0ZW265790fc88fa1f.png)\r\n\r\n\r\n![WX20231213-093754@2x.png](https://img.learnblockchain.cn/attachments/2023/12/kJ8sGodz65790fe8bd474.png)\r\n\r\n\r\n### 项目结构\r\n- 合约部分\r\n  - 部署环境：测试网 Seplla\r\n  - 钱包：MetaMask钱包\r\n  - 合约需要通过编译并且Verified通过\r\n- 前端部分\r\n  - create-react-app脚手架\r\n  \r\n### 技术框架\r\n- Solidity 0.8.20以上版本\r\n- hardhat\r\n- infura\r\n- chakra ui 一个高可用的React UI库\r\n- vercel 前端云部署\r\n- 静态资源在项目中直接按需下载\r\n  \r\n### 项目在线体验\r\n[在线体验](https://full-mint-website-cyptojunes-projects.vercel.app/)  \r\n\r\n### 项目启动\r\n- 合约部分\r\n   1. 合约清除缓存\r\n    ```\r\n     npx hardhat clean\r\n    ```\r\n   2. 合约编译\r\n    ```\r\n     npx hardhat compile\r\n    ```\r\n   3. 合约部署\r\n    ```\r\n    npx hardhat run --network sepolia scripts/deployRoboPunksNFT.js\r\n    ``` \r\n   4. 合约verify(有三种方法)\r\n   -  hardhat脚本verified\r\n   -  在线remix verified\r\n   -  etherscan verified\r\n  \r\n- 网站前端部分\r\n  \r\n  1. 下载安装依赖\r\n    ```\r\n    npm install\r\n    ```\r\n   2. 本地启动\r\n   ```\r\n   npm run start\r\n   ```\r\n   3. 项目编译\r\n   ```\r\n   npm run build\r\n   ```\r\n### 业务规则说明\r\n- 规则规定每个钱包最多mint三个NFT,可以按需更改\r\n- 本项目的合约地址:0x3304F3F0033dcE9D4c6a53A59266eD2aE75D1617\r\n- ABI文件在 /src/RoboPunksNFT.json"},"author":{"user":"https://learnblockchain.cn/people/3290","address":null},"history":null,"timestamp":1702432883,"version":1}