Welcome to the NextJS wagmi 0.11.7 starter template 👋

Disclaimer

This project was inspired from Seth Mckilla's excellent Wagmi Temlate.

Introduction

Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the right place! This repo serves as a minimal template for integrating the wagmi React hooks for Ethereum library with Typescript & NextJS. Due to its ease of customizability and extensibility, this template has been styled with the Tailwind CSS framework. Let's get to it!

Check out the live demo 👉 NextJS wagmi

Get up and running in 3 simple steps:

1. Create an app using this repo as the template

npx create-next-app@latest -e https://github.com/SoftTalents/NextJS_Wagmi_Template

Note: The above command automatically downloads and installs the dependencies so no "npm install" or "yarn add" required!

2. Create a .env.local file within the root directory with the following environment variables

NEXT_PUBLIC_ALCHEMY_KEY=<insert alchemy key>

Note: Grab an Alchemy Key from the Alchemy website

3. Start the local development environment

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

That's it, you're all set!

Deploy on Netlify

The easiest way to deploy your Next.js app is to use the netlify Platform.