Skip to content

Latest commit

Β 

History

History
51 lines (41 loc) Β· 1.43 KB

README.md

File metadata and controls

51 lines (41 loc) Β· 1.43 KB

Next.js Web3 template

πŸ—οΈ Next.js + Material UI + dark mode + web3 starter template ⚑

This is a starter boilerplate Ethereum dapp using Next.js and material UI with dark mode. There are many web3 template available but most of them depends of web3-react. I tried to use minimum dependencies possible.

Quick start

The first things you need to do is clone repo.

To compile and deploy contract

cd deploy
npm i
npm start

Run the client on base directory

yarn install
yarn run dev

Project Structure

β”œβ”€β”€ contracts          // All solidity files
β”‚    β”œβ”€β”€ Example.sol
β”œβ”€β”€ deploy
β”‚    β”œβ”€β”€ compile.js    // compiles contracts
β”‚    β”œβ”€β”€ deploy.js     // deploy and get abi and bytecode
β”‚    β”œβ”€β”€ package.json
β”œβ”€β”€ pages              // All pages of nextjs
β”‚    β”œβ”€β”€ _app.js
β”‚    β”œβ”€β”€ _documesnt.js
β”œβ”€β”€ public             // contains static files
β”‚    β”œβ”€β”€ img
β”‚    β”œβ”€β”€ icons
β”œβ”€β”€ src
β”‚    β”œβ”€β”€ contracts     // here we store abi and bytecodes of contracts
β”‚    β”œβ”€β”€ components    // react components
β”‚    β”œβ”€β”€ hooks         // web and imp hooks
β”‚    β”œβ”€β”€ utils         // theme and other lib files
β”œβ”€β”€ .env
β”œβ”€β”€ .gitignore
β”œβ”€β”€ package.json
└── README.md