A boilerplate for starting a web3 project.
This boilerplate quickly creates a mono repo with 2 environments, a react frontend environment and a Ethereum development environment for writing, testing and deploying contracts.
- To start install
npx create-web3- Run
yarnornpm installto install all the dependencies - Once installation is complete,
cdinto your app's directory and runyarn chainornpm run chainto start a local hardhat environment - Open another terminal and
cdinto your app's directory - Run
yarn deployornpm run deployto deploy the example contract locally - Run
yarn devornpm run devto start your Next dev environment
This project is built with the following open source libraries, frameworks and languages. User choice of framework used, available in plain js or typescript.
| Tech | Description |
|---|---|
| ------ | ------ React Frontend Environment ------ |
| Next JS | React Framework |
| Vite JS | Next Generation Frontend Tooling |
| ------ | ------ CSS Framework ------ |
| none | |
| Tailwind | A utility-first CSS framework |
| Chakra | A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. |
| ------ | ------ Ethereum Development Environment ------ |
| Hardhat | Ethereum development environment for professionals |
| Foundry | a blazing fast, portable and modular toolkit for Ethereum application development written in Rust. |
| ------ | ------ Included Libraries ------ |
| WAGMI | A set of React Hooks for Web3 |
| RainbowKit | RainbowKit is a React library that makes it easy to add wallet connection to your dapp. |
Please visit create-web3.xyz to view the full documentation.
If you have questions how to use, want to suggest a feature, or show off a project you created with create-web3, join discussions on GitHub. I would love to hear from you. 🙂
If you find a bug or would like to request a feature, please visit ISSUES