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
- Mac or Linux
- Set the env variable in
.env
file on root level and onfrontend
folder:
Variable descriptions:
RPC_NODE_API_KEY
: Get from Alchemy site after sign up and loginPRIVATE_KEY
: Export private key from metamask, follow these instructionsETHERSCAN_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"