a quick start boilerplate for developing web3 apps and deploying smart contracts.

Overview

create-web3 Version Downloads

A boilerplate for starting a web3 project.

This boilerplate quickly creates a mono repo with 2 environments, a Next JS environment for front-end and a Hardhat environment for writing, testing and deploying contracts.

Quick Start Notes

  1. Run npx create-web3 to start install
  2. Run yarn or npm install to install all the dependencies
  3. Once installation is complete, cd into your app's directory and run yarn chain or npm run chain to start a local hardhat environment
  4. Open another terminal and cd into your app's directory
  5. Run yarn deploy or npm run deploy to deploy the example contract locally
  6. Run yarn dev or npm run dev to start your Next dev environment

Technologies

This project is built with the following open source libraries, frameworks and languages.

Tech Description
Next.js React Framework
Hardhat Ethereum development environment
hardhat-deploy A Hardhat Plugin For Replicable Deployments And Easy Testing
WAGMI A set of React Hooks for Web3

Documentation

Please visit create-web3.xyz to view the full documentation.

Issues

If you find a bug or would like to request a feature, please visit ISSUES

You might also like...

(🔗, 🌲) Web3 Link Tree is a free & open-source alternative to Linktree built with React.js, Next.js, Tailwind and Web3-React

Getting Started Read the detailed guide here Customize Add your name, wallet address, social media links and more in config.ts Images Save images to t

Sep 20, 2022

Ethereum Smart Contracts for locking your Ether and ERC20 tokens based on time and price conditions

SmartHold - a simple way to lock and hold your ETH or ERC20 in a smart contract This is a BETA software that has not been audited for security. USE AT

May 5, 2022

🛠 Solana Web3 Tools - A set of tools to improve the user experience on Web3 Solana Frontends.

🛠 Solana Web3 Tools - A set of tools to improve the user experience on Web3 Solana Frontends.

May 21, 2022

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

Crowdcoin ♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS. Project from "Ethereum and Solidity: T

Dec 14, 2022

Run CosmWasm smart contracts in Node.js and web browsers

Run CosmWasm smart contracts in Node.js and web browsers

Nov 25, 2022

Toolkit for development, test and deploy smart-contracts on Waves Enterprise ecosystem.

JS Contract SDK Toolkit for development, test and deploy smart-contracts on Waves Enterprise ecosystem. Quickstart The fastest way to get started with

Dec 15, 2022

Cardinal generator encompasses serverless functions and smart contracts for rendering generative NFTs

Cardinal generator encompasses serverless functions and smart contracts for rendering generative NFTs

Cardinal Generator An open protocol for generative NFTs. Background Cardinal generator encompasses serverless functions and smart contracts for render

Dec 6, 2022

Elrond blockchain CLI helper tools - interaction with APIs, smart contracts and protocol

Buildo Begins 👷 Meet Buildo. He is here to help you start creating in the Elrond blockchain ecosystem. Here is where everything begins. I'm going on

Dec 30, 2022

This is a CI/CD and version controlling tool for smart contracts which is an award winning project built for ETHPrague Hackaton.

This is a CI/CD and version controlling tool for smart contracts which is an award winning project built for ETHPrague Hackaton.

Inspiration Alfred is built-in version control and CI/CD system for your smart contracts. It uses proxy contract and a DAO to upgrade or downgrade you

Aug 30, 2022
Comments
  • feat: hardhat typescript config

    feat: hardhat typescript config

    Overview

    Change javascript files to typescript in the hardhat typescript template.

    Files that were changed

    • deploy.js --> deploy.ts
    • hardhat.config.js --> hardhat.config.ts

    New files

    • tsconfig.json
    opened by diegoalzate 2
  • Add documentation on flags for different tools

    Add documentation on flags for different tools

    Description

    Add descriptive documentation for the different flags and their combinations for choosing between React frontend environments, CSS frameworks and Ethereum development environments.

    Why is this needed?

    Simplifies usage of the tool for beginners.

    Proposed Solution or API

    Available options:

    • --ts or --typescript: Use TypeScript instead of JavaScript.
    • --use-npm: Use npm for installing dependencies.
    • --use-pnpm: Use pnpm for installing dependencies.

    Along these lines

    Additional Information

    No response

    enhancement 
    opened by arihantbansal 1
  • Dependency issue

    Dependency issue

    What happened?

    I used npx create-web3 to create the project, but when I went into packages/frontend to install the dependencies using "npm install" I got an error.

    What was Expected?

    when using "npm install" to install all dependencies with no issues

    Relevant log output

    frontend git:(main) ✗ npm install
    npm ERR! code ERESOLVE
    npm ERR! ERESOLVE unable to resolve dependency tree
    npm ERR! 
    npm ERR! While resolving: @create-web3/[email protected]
    npm ERR! Found: @nomiclabs/[email protected]
    npm ERR! node_modules/@nomiclabs/hardhat-ethers
    npm ERR!   dev @nomiclabs/hardhat-ethers@"npm:hardhat-deploy-ethers@^0.3.0-beta.10" from @create-web3/[email protected]
    npm ERR!   packages/backend
    npm ERR!     @create-web3/[email protected]
    npm ERR!     node_modules/@create-web3/backend
    npm ERR!       workspace packages/backend from the root project
    npm ERR! 
    npm ERR! Could not resolve dependency:
    npm ERR! peer @nomiclabs/hardhat-ethers@"^2.0.0" from @nomiclabs/[email protected]
    npm ERR! node_modules/@nomiclabs/hardhat-waffle
    npm ERR!   dev @nomiclabs/hardhat-waffle@"^2.0.3" from @create-web3/[email protected]
    npm ERR!   packages/backend
    npm ERR!     @create-web3/[email protected]
    npm ERR!     node_modules/@create-web3/backend
    npm ERR!       workspace packages/backend from the root project
    npm ERR! 
    npm ERR! Fix the upstream dependency conflict, or retry
    npm ERR! this command with --force, or --legacy-peer-deps
    npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
    npm ERR!
    

    Proposed Solution

    No response

    Additional Information

    No response

    bug 
    opened by seeinplays 1
  • Missing Deploy script with Foundry

    Missing Deploy script with Foundry

    What happened?

    When booting the project with Foundry and following the quick start steps we cannot deploy the contract. The deploy script seems to be missing from the package.

    What was Expected?

    We should be able to deploy a contract with Foundry.

    Relevant log output

    yarn deploy
    yarn run v1.22.18
    error Command "deploy" not found.
    

    Proposed Solution

    No response

    Additional Information

    No response

    bug 
    opened by maximebonhomme 1
A simple project to learn more about developing smart contracts on polygon.

polygon-books-hardhat A simple project to learn more about developing smart contracts using Solidity. Local Development Environment Setup Install all

Lionel Bersee 1 Jan 25, 2022
Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.

Citizens App (web3-react-redux) React application based on smart contract using web3 and MetaMask extention. Start the applicarion Recomend to install

Denys Voloshyn 3 Aug 25, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Template to start developing a REST API with Node.js (Express), TypeScript, DDD, etc. 🔰🦸

Typescript DDD Boilerplate Plantilla para una API con Typescript basada en arquitectura DDD. En qué consiste este proyecto Este proyecto es un punto d

Bryan Herrera ~ ርᚱ1ናተᛰ ᚻህᚥተპᚱ 3 Nov 26, 2022
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase

A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase. With google authentication, routing and deployment capabilities built in.

Hussain Pettiwala 5 Feb 22, 2022
Quick way to start a new TypeScript/Next.js/Firebase web app 😼

create-crash-app Template repo to quickly set up an opinionated, strict config, typesafe Next.js project. Get started with create-crash-app by running

Diego Dorantes-Ferreira 5 Oct 28, 2022
Minimal web3 implementation: call eth contracts directly from JS

micro-web3 Minimal web3 implementation: call eth contracts directly from JS Connect to any web3 server: host your own with execution layer client, or

Paul Miller 46 Dec 29, 2022
A web3 starter project using Typescript, Hardhat, ethers.js and @web3-react

Starter React Typescript Ethers.js Hardhat Project This repo contains a Hardhat and React Dapp starter project. The React Dapp in the frontend dir of

ChainShot 39 Dec 31, 2022