An open API service indexing awesome lists of open source software.

https://github.com/startertemp/nextjs-hardhat

Javascript Next and Hardhat Starter project for LearnWeb3DAO.
https://github.com/startertemp/nextjs-hardhat

hardhat learnweb3dao nextjs react reactjs startertemp

Last synced: over 1 year ago
JSON representation

Javascript Next and Hardhat Starter project for LearnWeb3DAO.

Awesome Lists containing this project

README

          

[![GitHub issues](https://img.shields.io/github/issues/startertemp/nextjs-hardhat)](https://github.com/startertemp/nextjs-hardhat/issues)
[![GitHub license](https://img.shields.io/github/license/startertemp/nextjs-hardhat)](https://github.com/startertemp/nextjs-hardhat/blob/master/LICENSE)
![Discord](https://img.shields.io/discord/872804414107312158)
--
![Twitter Follow](https://img.shields.io/twitter/follow/yanukadeneth99?style=social)
![GitHub followers](https://img.shields.io/github/followers/yanukadeneth99?style=social)
--

# Next JS, Solidity JavaScript Starter Template

This is a starter template which you can use containing multiple installed libraries for quick setup. This template uses `npm` for installation.

## Installation

### Web3Modal

You can install Web3Modal by running the following command

```
npx @startertemp/nextjs-hardhat my-app
```

- `npx` stands for npm init
- `@startertemp/nextjs-hardhat-ts` is the package name
- `my-app` is the folder name

### Rainbowkit with Wagmi

You can install Rainbowkit with Wagmi by adding the following flag with the installation

```
npx @startertemp/nextjs-hardhat my-app rainbowkit
```

- `npx` stands for npm init
- `@startertemp/nextjs-hardhat-ts` is the package name
- `my-app` is the folder name
- `rainbowkit` is the flag sent to install rainbowkit and wagmi and change the `app.jsx`

## Get Started

1. `cd frontend` to go into the frontend folder
2. `npm run dev` to run the next js project.

## Purpose

This README was made for [LearnWeb3DAO](https://learnweb3.io) courses for ease setup and version to be version compatible.

## Libraries Included

### Front-end

- [Next JS](https://nextjs.org/docs/getting-started)
- [React JS](https://reactjs.org/docs/getting-started.html)
- [Web3Modal](https://github.com/Web3Modal/web3modal)
- [Ethers](https://docs.ethers.io/v5/getting-started/)
- [Rainbowkit](https://www.rainbowkit.com/)
- [Wagmi](https://wagmi.sh/)

### Back-end

- [Hardhat/Soldity](https://hardhat.org/hardhat-runner/docs/getting-started#overview)
- [Hardhat-Toolbox](https://hardhat.org/hardhat-runner/plugins/nomicfoundation-hardhat-toolbox)
- [@nomiclabs/hardhat-etherscan](https://www.npmjs.com/package/@nomiclabs/hardhat-etherscan)
- [@OpenZeppelin/Contracts](https://www.openzeppelin.com/contracts)
- [dotenv](https://www.npmjs.com/package/dotenv)

## Contribution

Any type of contributions are welcome into [Github Repository.](https://github.com/startertemp/nextjs-hardhat)