Fully Typescript ready NextJS components for fast building dApps without running own backend
πDEMO: soon
This boilerplate is built with Moralis
You need active web3 provider/wallet only for authnetication. All pages in this boilerplate do not require an active web3 provider, they use Moralis Web3 API. Moralis supports the most popular blockchains and their test networks. You can find a list of all available networks in Moralis Supported Chains
Please check the official documentation of Moralis for all the functionalities of Moralis.
If this boilerplate helps you build Ethereum dapps faster - please star this project, every star makes us very happy!
If you need help with setting up the boilerplate or have other questions - don't hesitate to write in our community forum and we will check asap. Forum link. The best thing about this boilerplate is the super active community ready to help at any time! We help each other.
π Clone or fork ethereum-boilerplate
:
git clone https://github.com/ethereum-boilerplate/ethereum-boilerplate.git
πΏ Install all dependencies:
cd ethereum-boilerplate
yarn install
β Rename .env.local.example
to .env.local
and provide required data. Get your Web3 Api Key from the Moralis dashboard:
π΄ββοΈ Run your App:
yarn start
location: src/component/templates/balances/NFT/NFTBalances.tsx
π¨ <NFTBalances />
: displays the the user's balances. Uses Moralis Evm API (does not require an active web3 provider).
location: src/component/templates/balances/ERC20/ERC20Balances.tsx
π° <ERC20Balances />
: displays the user's ERC20 balances. Uses Moralis Evm API (does not require an active web3 provider).
location: src/component/templates/transfers/ERC20/ERC20Transfers.tsx
π° <ERC20Transfers />
: displays the user's ERC20 transfers. Uses Moralis Evm API (does not require an active web3 provider).
location: src/component/templates/transfers/NFT/NFTTransfers.tsx
π¨ <NFTTransfers />
: displays the user's NFT transfers. Uses Moralis Evm API (does not require an active web3 provider).
location: src/component/templates/transactions/Transactions.tsx
π° <Transactions />
: displays the user's transactions. Uses Moralis Evm API (does not require an active web3 provider).