Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 1.16 KB

README.md

File metadata and controls

43 lines (31 loc) · 1.16 KB
Raw

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 and next-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)