Skip to content

The ultimate NextJS Ethereum Dapp Boilerplate which gives you maximum flexibility and speed. Feel free to fork and contribute. Although this repo is called "Ethereum Boilerplate" it works with any EVM system and since it uses Moralis SDK You can even use it on Solana! Happy BUIDL!πŸ‘·β€β™‚οΈ

License

Notifications You must be signed in to change notification settings

ethereum-boilerplate/ethereum-boilerplate

Repository files navigation

ethereum-boilerplate

Fully Typescript ready NextJS components for fast building dApps without running own backend

πŸš€DEMO: https://eth-boilerplate.vercel.app/

This boilerplate is built with Moralis

You need active web3 provider/wallet only for authentication. 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.

eth-boilerplate

⭐️ Star us

If this boilerplate helps you build Ethereum dapps faster - please star this project, every star makes us very happy!

🀝 Need help?

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.

πŸš€ Quick Start

Deploy with Vercel

πŸ“„ 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:

image

πŸ–ŠοΈ Fill the environment variables in your .env.local file in the app root:

Example:

MORALIS_API_KEY=xxxx
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=7197b3e8dbee5ea6274cab37245eec212

πŸš΄β€β™‚οΈ Run your App:

yarn start

🧭 Table of contents

πŸ— Ethereum Components

<NFTBalances />

image

location: src/component/templates/balances/NFT/NFTBalances.tsx

🎨 <NFTBalances /> : displays the user's balances. Uses Moralis Evm API (does not require an active web3 provider).

<ERC20Balances />

image

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).

<ERC20Transfers />

image

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).

<NFTTransfers />

image

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).

<Transactions />

image

location: src/component/templates/transactions/Transactions.tsx

πŸ’° <Transactions /> : displays the user's transactions. Uses Moralis Evm API (does not require an active web3 provider).

✨ Contributors

Feel free to contribute πŸ§™ to ethereum-boilerplate project. But first, please read the Contributing Guidelines before opening an issue or PR so you understand the branching strategy and local development environment.

Made with contrib.rocks.

About

The ultimate NextJS Ethereum Dapp Boilerplate which gives you maximum flexibility and speed. Feel free to fork and contribute. Although this repo is called "Ethereum Boilerplate" it works with any EVM system and since it uses Moralis SDK You can even use it on Solana! Happy BUIDL!πŸ‘·β€β™‚οΈ

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published