NextJS_Wagmi_Template

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

NextJS_Wagmi_Template

★ 17 Open GitHub ↗

This project is an adapted version of Seth-McKilla's project with the newest Wagmi version.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Welcome to the NextJS wagmi 0.11.7 starter template 👋

## Disclaimer

This project was inspired from [Seth Mckilla's excellent Wagmi Temlate](https://github.com/Seth-McKilla/nextjs-wagmi).

## 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](https://wagmian.netlify.app/)

## Get up and running in 3 simple steps:

### 1. Create an app using this repo as the template
```bash
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
```bash
NEXT_PUBLIC_ALCHEMY_KEY=<insert alchemy key>
```
>Note: Grab an Alchemy Key from the [Alchemy website](https://www.alchemy.com/)

### 3. Start the local development environment
```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

That's it, you're all set!

## Deploy on Netlify
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/softTalents/NextJS_Wagmi_Template)

The easiest way to deploy your Next.js app is to use the [netlify Platform](https://www.netlify.com/).

NextJS_Wagmi_Template

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README