Web3 Starter Kit

Overview

Web3 Starter Kit is a flexible production-grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript, and web3modal. It serves as a user interface for decentralized applications, providing wallet connection for popular JavaScript EIP-1193 providers such as MetaMask, Coinbase Wallet, and Wallet Connect. The kit also includes the retrieval of users’ latest transactions from etherscan. Web3 Starter Kit is designed to be used as a boilerplate for quickly deploying new projects, as an educational resource, and to accommodate easy customization.

Features

• Based on the latest Next.js version.
• Styling customization using Material Design.
• Wallet connections and current connected wallet caching with web3-react (beta).
• State management with redux-toolkit.
• dotenv for environment variables, and more.

Installation

To run the project locally in development mode:

1. Clone the Web3 Starter Kit repository: git clone https://github.com/eth-salt-lake/dao-app.git
2. Checkout the desired branch: cd dao-app && git checkout main
3. Prepare environment variables for development by copying the example file: cp env.local.example .env.local
4. Install dependencies: npm install
5. Run the development server: npm run dev

The project should now be running on your local computer at http://localhost:3000.

Summary

Web3 Starter Kit is a production-grade Web3 boilerplate that simplifies the configuration and setup process of building decentralized applications. With its integration of Next.js, React.js, Material-UI, Typescript, and web3modal, it provides a flexible foundation for developers to quickly deploy projects. The kit offers features such as wallet connections, state management, and styling customization, making it an ideal choice for both beginners and experienced developers in the Web3 ecosystem.