Awesome
Boilerplate Next web3 with TS
example: https://next-web3-boilerplate-nine.vercel.app
- Next
- Next-auth
- Siwe (Sign in with eth)
- web3modal (modal for multi wallet)
- useDapp (main lib for contract interaction)
- reactMUI (use for design)
- next-i18next (internationalization in
public/locales
andnext-i18next.config.js
) - Vite (for dev and build better than webpack <3)
- Sass
- Custom theme in
styles/theme
- Basic reset in
styles/globals.scss
use yarn (not tested with npm, must work)
fill .env
and change config/blockchain.config.ts
to connect to another network
font imported in pages/_document.tsx
:
- Roboto
- Poppins
- Orbitron
useWeb3modal()
hook return :
account -> metamask address isValidChain -> if chainid is same as your choosen chain in .env and config connectWallet -> function to connect metamask wallet disconnectWallet -> function to disconnect from siwe signInWithEth -> function to connect with siwe switchNetwork -> function add/switch network
if you want to export more it use useEthers()
Launch project
- yarn i
- yarn dev
(BTW eslint and linter not done feel free to add the one you want to use with eslint and your own rules)