Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/changoman/nextjs-ethereum-starter
Please use https://github.com/scaffold-eth/scaffold-eth-2 instead of this repo! This was my old iteration of scaffold-eth built with Hardhat, Next.js, and RainbowKit
https://github.com/changoman/nextjs-ethereum-starter
ethereum-dapp ethersjs hardhat nextjs rainbowkit typescript
Last synced: 2 months ago
JSON representation
Please use https://github.com/scaffold-eth/scaffold-eth-2 instead of this repo! This was my old iteration of scaffold-eth built with Hardhat, Next.js, and RainbowKit
- Host: GitHub
- URL: https://github.com/changoman/nextjs-ethereum-starter
- Owner: ChangoMan
- Created: 2021-05-02T22:54:49.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-12T06:21:43.000Z (11 months ago)
- Last Synced: 2024-03-12T07:34:02.286Z (11 months ago)
- Topics: ethereum-dapp, ethersjs, hardhat, nextjs, rainbowkit, typescript
- Language: TypeScript
- Homepage: https://nextjs-ethereum-starter.vercel.app/
- Size: 2.33 MB
- Stars: 89
- Watchers: 5
- Forks: 44
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# nextjs-ethereum-starter (Deprecated!)
This repo may be too old to be of any use. Please see the new [Scaffold ETH 2](https://github.com/scaffold-eth/scaffold-eth-2) which is very similar to this project.
This project was sponsored by the [BuidlGuidl](https://buidlguidl.com). Please support the BuidlGuidl if this project has been helpful!
---
My iteration of [Austin Griffith's scaffold-eth](https://github.com/austintgriffith/scaffold-eth).
Also inspired by [Nader Dabit's blog post](https://dev.to/dabit3/the-complete-guide-to-full-stack-ethereum-development-3j13)
- [Hardhat](https://hardhat.org/)
- [Next.js](https://nextjs.org/)
- [RainbowKit](https://www.rainbowkit.com/)
- [wagmi](https://wagmi.sh/)
- [Chakra UI](https://chakra-ui.com/)
👀 [View the Live Demo](https://nextjs-ethereum-starter.vercel.app/)
## Getting Started
It is recommended to use Yarn to avoid dependency collisions: [Yarn](https://classic.yarnpkg.com/en/docs/install)
```bash
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:
```bash
yarn deploy
```
This will deploy the contract to Hardhat Network. After this completes run:
```bash
cd frontend
yarn install
```
This will install the frontend packages. We also need to set up the local configuration file.
```bash
cp .env.local.example .env.local
```
This will create a file called `.env.local`. Open up that file and fill in the `NEXT_PUBLIC_ALCHEMY_API_KEY=` and `NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=` environment variables.
```bash
yarn dev
```
This will start up the Next.js development server. 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`