Hardhat Full Stack Dapp Boilerplate

A fullstack hardhat and wagmi based dapp boilerplate ready to hack 🙌

Used Technology

Prerequisite

Node js
npm
yarn

Install dependencies

Install yarn:

npm i -g yarn

For contract dev: Run this command on the root folder:

yarn

For Frontend dev: Go to frontend folder and install node modules:

cd frontend
yarn

Instruction

  • Install a wallet like Metamask
  • Copy .env.example to .env
    • Mac or Linux
      • cp .env.example .env
    • Windows
      • copy .env.example .env
  • Set the env variable in .env file on root level and on frontend folder:

Variable descriptions:

  1. RPC_NODE_API_KEY: Get from Alchemy site after sign up and login
  2. PRIVATE_KEY: Export private key from metamask, follow these instructions
  3. ETHERSCAN_API_KEY: Get from etherscan

Frontend ENV Variable: 4. NEXT_PUBLIC_ALCHEMY_API_KEY : Same as RPC_NODE_API_KEY

  • Compile Contract:
npm run compile
  • Run test:
npm run test
  • Deploy
npm run deploy:<network>
  • Verify on etherscan
npx hardhat verify --network sepolia <YOUR_CONTRACT_ADDRESS> <Paramaters>

For example for Greeter contract:

npx hardhat verify --network sepolia 0xAECD7dFD9d5ED08EA916B052D90A75366B963A61 "Hello world"