nextjs-dapp-starter-ts - GitLite

KO | EN

gitlite — search

#javascript #ai #llm #android #macos #nodejs #java #awesome #security #pytorch #ios #mcp #openai #open-source

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

# Installation Guide

1. Get the code

git clone https://github.com/G3root/nextjs-dapp-starter-ts

Downloads the entire project code from GitHub to your computer.

cd nextjs-dapp-starter-ts

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

pnpm install

Downloads and installs the libraries listed in package.json.

pnpm dev

Starts the development/run server.

pnpm build

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// 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/)