Hardhat Full Stack Dapp Boilerplate

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

Used Technology

• 👷🏽‍♂️ Hardhat
• 🌈 RainbowKit
• ➬ WAGMI
• 🌐 Next JS
• 🗺 Etherscan
• 🕹 Typechain
• TailwindCSS – Utility-first CSS framework for rapid UI development
• TypeScript – Static type checker for end-to-end typesafety
• Prettier – Opinionated code formatter for consistent code style
• ESLint – Pluggable linter for Next.js and TypeScript

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"