Overview:
Create-web3 is a boilerplate for creating web3 projects. It provides a convenient way to set up a mono repo with two environments: a React frontend environment and an Ethereum development environment. With this boilerplate, users can easily write, test, and deploy contracts for their web3 projects.
Features:
- Mono Repo: Create-web3 sets up a mono repo that includes two environments: a react frontend environment and an Ethereum development environment.
- React Frontend Environment: The boilerplate utilizes Next JS, a popular React framework, for the frontend environment. It also supports Vite JS, a next-generation frontend tooling.
- CSS Framework: Users have the option to choose between using no CSS framework, Tailwind CSS, or Chakra, a modular and accessible component library for React applications.
- Ethereum Development Environment: Create-web3 includes the Hardhat framework, an Ethereum development environment designed for professionals. It also incorporates Foundry, a fast, portable, and modular toolkit for Ethereum application development written in Rust.
- Included Libraries: The boilerplate includes WAGMI, a set of React Hooks for Web3, which aids in the integration of web3 functionalities. It also incorporates RainbowKit, a React library that simplifies the process of adding wallet connection to dapps.
Installation:
To install the Create-web3 boilerplate, follow these steps:
- Run the command
yarn
ornpm install
to install all the dependencies. - Once the installation is complete, navigate to your app’s directory using the command line.
- Start a local Hardhat environment by running
yarn chain
ornpm run chain
in a new terminal window. - In the original terminal window, navigate to your app’s directory.
- Deploy the example contract locally by running
yarn deploy
ornpm run deploy
. - Start your Next development environment by running
yarn dev
ornpm run dev
.
Summary:
Create-web3 is a boilerplate that simplifies the process of creating web3 projects. It offers a mono repo setup with a react frontend environment and an Ethereum development environment. The tool allows users to easily write, test, and deploy contracts for their web3 applications. Additionally, it includes various libraries and frameworks to enhance development, such as Next JS, Tailwind CSS, Hardhat, WAGMI, and RainbowKit. The installation process is straightforward, making it accessible for developers to get started with their web3 projects using Create-web3.