MCPcopy Index your code
hub / github.com/G3root/nextjs-dapp-starter-ts

github.com/G3root/nextjs-dapp-starter-ts @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
29 symbols 83 edges 27 files 0 documented · 0% updated 4y ago★ 237
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

full-stack dApp starter for solidity smart contract development

A monorepo boilerplate code for typesafe full-stack Solidity development.

Contents

Prerequisites

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

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

This endpoint will look something like this:

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

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

port settings

Run Locally

Clone the project

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

Go to the project directory

  cd my-project

Install dependencies

  pnpm install

Start the development server

  pnpm dev

Build For Production

To generate production build

 pnpm build

Acknowledgements

License

MIT

Extension points exported contracts — how you extend this code

IButtonProps (Interface)
(no doc)
packages/ui/Button.tsx
Window (Interface)
(no doc)
apps/web/ethereum.d.ts
IWagmiProviderProps (Interface)
(no doc)
packages/ui/WagmiProvider.tsx
IWalletConnectModalProps (Interface)
(no doc)
packages/ui/WalletConnectModal.tsx

Core symbols most depended-on inside this repo

execute
called by 9
apps/hardhat-ts/_scripts.js
parseArgs
called by 8
apps/hardhat-ts/_scripts.js
node_url
called by 8
apps/hardhat-ts/utils/network.ts
accounts
called by 7
apps/hardhat-ts/utils/network.ts
useIsMounted
called by 1
packages/ui/WalletConnectModal.tsx
handleModal
called by 1
packages/ui/WalletConnectModal.tsx
performAction
called by 1
apps/hardhat-ts/_scripts.js
getMnemonic
called by 1
apps/hardhat-ts/utils/network.ts

Shape

Function 25
Interface 4

Languages

TypeScript100%

Modules by API surface

packages/ui/WalletConnectModal.tsx5 symbols
apps/hardhat-ts/utils/network.ts4 symbols
apps/hardhat-ts/_scripts.js4 symbols
apps/web/src/pages/index.tsx3 symbols
packages/ui/WagmiProvider.tsx2 symbols
packages/ui/Button.tsx2 symbols
apps/hardhat-ts/test/utils/index.ts2 symbols
apps/hardhat-ts/scripts/fundingFromCoinbase.ts2 symbols
apps/web/src/pages/_app.tsx1 symbols
apps/web/ethereum.d.ts1 symbols
apps/hardhat-ts/scripts/setMessage.ts1 symbols
apps/hardhat-ts/scripts/seed.ts1 symbols

For agents

$ claude mcp add nextjs-dapp-starter-ts \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact