https://github.com/yovanoc/test-dapp

https://github.com/yovanoc/test-dapp

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/yovanoc/test-dapp
• Owner: yovanoc
• License: mit
• Created: 2022-01-27T09:22:59.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-27T09:23:01.000Z (almost 3 years ago)
• Last Synced: 2023-02-28T08:32:52.010Z (almost 2 years ago)
• Language: TypeScript
• Size: 214 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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:




1. Click this link to deploy to gitpod




[![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.




![MetaMask RPC Import](wallet.png)

you can also change your status of your open ports by going to port settings.




![port settings](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/)