nextjs-dapp-starter-ts - GitLite

KO | EN

gitlite — search

#react #golang #go #machine-learning #deep-learning #docker #macos #java #windows #awesome #kubernetes #pytorch #security #mcp

nextjs-dapp-starter-ts

(★ 238)

A fullstack monorepo template to develop ethereum dapps

File Explorer

Download Latest Version (.zip)

- - bug-report.yml
  - feature-creation.yml
- PULL_REQUEST_TEMPLATE.md
- - .editorconfig
  - .eslintignore
  - .eslintrc.js
  - .gitignore
  - .mocharc.js
  - .prettierignore
  - .solhint.json
  - .solhintignore
  - _scripts.js
  - hardhat.config.ts
  - package.json
  - README.md
  - tsconfig.json
- - .eslintrc.js
  - ethereum.d.ts
  - next-env.d.ts
  - next.config.js
  - package.json
  - postcss.config.js
  - README.md
  - tailwind.config.js
  - tsconfig.json
- - eslint-preset.js
  - package.json
  - postcss.config.js
  - tailwind.config.js
- - base.json
  - hardhat.json
  - nextjs.json
  - package.json
  - react-library.json
  - README.md
- - Button.tsx
  - index.ts
  - package.json
  - tsconfig.json
  - WagmiProvider.tsx
  - WalletConnectModal.tsx
.gitignore
.gitpod.yml
gitpod-port.png
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
wallet.png

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# full-stack dApp starter for solidity smart contract development

A monorepo boilerplate code for typesafe full-stack [Solidity](https://soliditylang.org/) development.

## Contents
  - [Prerequisites](#prerequisites)
  - [Features](#features)
  - [Run in Gitpod](#run-in-gitpod)
  - [Run Locally](#run-locally)
  - [Build For Production](#build-for-production)
  - [Acknowledgements](#acknowledgements)
  - [License](#license)

## Prerequisites

- [pnpm](https://pnpm.io/)
- [Node.js](https://nodejs.org/en/download/)
- [MetaMask wallet browser extension](https://metamask.io/download.html).

## Features

Here's an overview of the included frameworks and tools.

- **Next.js** - Minimalistic framework for server-rendered React applications.
- **Typescript** - Superset of JavaScript which primarily provides optional static typing, classes and interfaces.
- **ESLint** - The pluggable linting utility.
- **Turborepo** - High-performance build system for JavaScript and TypeScript codebases.
- **PNPM** - Fast, disk space efficient package manager.
- **Wagmi** - React Hooks library for Ethereum.
- **Tailwind CSS** - Rapidly build modern websites without ever leaving your HTML.
- **Typechain** - TypeScript bindings for Ethereum smart contracts.
- **Hardhat** - Ethereum development environment for professionals.
- **Hardhat-deploy** - A Hardhat Plugin For Replicable Deployments And Easy Testing.
- **Chai** - A  BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
- **Mocha** - A feature-rich JavaScript test framework.

## Run in Gitpod
To run this project in Gitpod, follow these steps:
<br/>
1. Click this link to deploy to gitpod
<br/>

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#github.com/G3root/nextjs-dapp-starter-ts)

2. Import the RPC address given to you by GitPod into your MetaMask wallet

This endpoint will look something like this:

```bash
https://8545-copper-swordtail-j1mvhxv3.ws-eu18.gitpod.io/
```

The chain ID should be 1337. If you have a localhost rpc set up, you may need to overwrite it.
<br/>

![MetaMask RPC Import](https://raw.githubusercontent.com/G3root/nextjs-dapp-starter-ts/main/wallet.png)

you can also change your status of your open ports by going to port settings.
<br/>

![port settings](https://raw.githubusercontent.com/G3root/nextjs-dapp-starter-ts/main/gitpod-port.png)

## Run Locally

Clone the project

```bash
  npx degit G3root/nextjs-dapp-starter-ts my-project
```

Go to the project directory

```bash
  cd my-project
```

Install dependencies

```bash
  pnpm install
```

Start the development server

```bash
  pnpm dev
```

## Build For Production

To generate production build

```bash
 pnpm build
```
## Acknowledgements

- [template-ethereum-contracts](https://github.com/wighawag/template-ethereum-contracts)

## License

[MIT](https://choosealicense.com/licenses/mit/)