Clean Web3 Dapp starter template using Typescript and react
Disclaimer
- This is a work in progress…
- Just getting started with Typescript and no React expert on top of that, any contribution/improvment pull-request is more than welcomed!
Let’s buidl the new internet together ?
Description
Simple and minimalist Web3 boilerplate to boost your Dapp development. Don’t waste time setting up CRA, Typescript, react-script v5 polyfill, and connecting metamask and other wallets any longer. Instead, get this web3-boilerplate and start coding right away with the latest stack available out there!
Try it yourself: https://web3-boilerplate.netlify.app/
Built With
Installation
Make sure you have the following ready:
- node.js installed (developped on LTS v16.16.0)
- typescript installed (developped on v4.7.4)
- yarn installed
- MetaMask (or any web3 compatible wallet) installed in your browser
Once your config is ready, create a new repo, open your favorite code editor, and clone the repo with the following cmd:
git clone https://github.com/Pedrojok01/Web3-Boilerplate.git .
Install all package dependancies by running:
yarn install
start the web3-boilerplate:
yarn start
Features:
- Web3 Wallet (Metamask / Wallet connect / Coinbase)
- Chain selector
- Hooks to query user’s Native Balance / Token Balances
- Hook to query user’s NFTs