All Projects → G3root → nextjs-dapp-starter-ts

G3root / nextjs-dapp-starter-ts

Licence: MIT license
A fullstack monorepo template to develop ethereum dapps

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to nextjs-dapp-starter-ts

nft-app
How to create your own NFT and mint NFT token
Stars: ✭ 145 (-36.4%)
Mutual labels:  dapp, web3, hardhat
typescript-eth-starter
🔌 Ethereum Dapp Basic Typescript Starter
Stars: ✭ 125 (-45.18%)
Mutual labels:  dapp, web3, hardhat
Ethvtx
🌀🛰 ethereum-ready & framework-agnostic redux store configuration
Stars: ✭ 125 (-45.18%)
Mutual labels:  dapp, web3
Eth Vue
Featured in Awesome Vue [https://github.com/vuejs/awesome-vue], a curated list maintained by vuejs of awesome things related to the Vue.js framework, and Awesome List [https://awesomelists.net/150-Vue.js/3863-Open+Source/18749-DOkwufulueze-eth-vue], this Truffle Box provides everything you need to quickly build Ethereum dApps that have authentication features with vue, including configuration for easy deployment to the Ropsten Network. It's also Gravatar-enabled. Connecting to a running Ganache blockchain network from Truffle is also possible -- for fast development and testing purposes. Built on Truffle 5 and Vue 3, eth-vue uses vuex for state management, vuex-persist for local storage of app state, and vue-router for routing. Authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.
Stars: ✭ 171 (-25%)
Mutual labels:  dapp, web3
Frame
System-wide Web3 for macOS, Windows and Linux
Stars: ✭ 225 (-1.32%)
Mutual labels:  dapp, web3
Web3 Vs Ethers
A basic cheatsheet of Web3.js vs Ethers (along w/ example apps!)
Stars: ✭ 103 (-54.82%)
Mutual labels:  dapp, web3
Awesome Web3
🚀 A curated list of tools, libs and resources to help you build awesome dapps
Stars: ✭ 104 (-54.39%)
Mutual labels:  dapp, web3
Golden Wallet React Native
Golden - Best Wallet Ever
Stars: ✭ 201 (-11.84%)
Mutual labels:  dapp, web3
Trust Wallet Ios
📱 Trust - Ethereum Wallet and Web3 DApp Browser for iOS
Stars: ✭ 1,228 (+438.6%)
Mutual labels:  dapp, web3
trystero
🤝 Serverless WebRTC matchmaking for painless P2P — Make any site multiplayer in a few lines — Use BitTorrent, IPFS, or Firebase
Stars: ✭ 512 (+124.56%)
Mutual labels:  dapp, web3
dxvote
Governance Dapp of DXdao
Stars: ✭ 28 (-87.72%)
Mutual labels:  dapp, web3
erebos
JavaScript client and CLI for Swarm
Stars: ✭ 47 (-79.39%)
Mutual labels:  dapp, web3
Starter Kit
An OpenZeppelin starter kit containing React, OpenZeppelin SDK & OpenZeppelin Contracts.
Stars: ✭ 101 (-55.7%)
Mutual labels:  dapp, web3
Examples
A set of example dApps and apps using ethjs.
Stars: ✭ 100 (-56.14%)
Mutual labels:  dapp, web3
Metamask Mobile
Port of MetaMask Ethereum Ðapp browser for mobile devices (iOS only for now)
Stars: ✭ 119 (-47.81%)
Mutual labels:  dapp, web3
Connect
(Aragon 1) Seamlessly integrate DAO functionality into web and node.js apps.
Stars: ✭ 81 (-64.47%)
Mutual labels:  dapp, web3
Use Wallet
👛 useWallet() · All-in-one solution to connect a dapp to an Ethereum provider.
Stars: ✭ 182 (-20.18%)
Mutual labels:  dapp, web3
circles-myxogastria
Webapp and mobile client for Circles
Stars: ✭ 32 (-85.96%)
Mutual labels:  dapp, web3
Trace
Supply chain transparency platform proof-of-concept based on the Ethereum blockchain ✍️
Stars: ✭ 52 (-77.19%)
Mutual labels:  dapp, web3
Web Sdk
Portis Web SDK
Stars: ✭ 65 (-71.49%)
Mutual labels:  dapp, web3

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].