brodsolutions/nextjs-ethereum-starter

My iteration of scaffold-eth built with Next.js and TypeScript.

nextjs-ethereum-starter

This Project Has Moved!

This project has been ported into a branch on scaffold-eth. Please head there for the latest updates. Please support the BuidlGuidl if this project has been helpful!

---

My iteration of Austin Griffith's scaffold-eth. Also inspired by Nader Dabit's blog post

• Typescript
• Hardhat
• TypeChain
• Ethers.js
• useDApp
• Chakra UI
• Linting with ESLint
• Formatting with Prettier
• Linting, typechecking and formatting on by default using husky for commit hooks
• Testing with Jest and react-testing-library

👀 View the Live Demo

Getting Started

This project uses Yarn Workspaces, so you'll need Yarn

git clone https://github.com/ChangoMan/nextjs-ethereum-starter.git
cd nextjs-ethereum-starter

yarn install

# Start up the Hardhat Network
yarn chain

Here we just install the npm project's dependencies, and by running yarn chain we spin up an instance of Hardhat Network that you can connect to using MetaMask. In a different terminal in the same directory, run:

yarn deploy

This will deploy the contract to Hardhat Network. After this completes run:

yarn dev

This will start up the Next.js development server and your site will be available at http://localhost:3000/

To interact with the local contract, be sure to switch your MetaMask Network to Localhost 8545