https://github.com/wslyvh/nexth

A Next.js + Ethereum starter kit with Viem, Wagmi, Web3Modal, SIWE, Tailwind, daisyUI and more to quickly ship production-ready Web3 Apps ⚡
https://github.com/wslyvh/nexth

chakra-ui ethereum nextjs solidity typescript wagmi web3

Last synced: 3 months ago
JSON representation

A Next.js + Ethereum starter kit with Viem, Wagmi, Web3Modal, SIWE, Tailwind, daisyUI and more to quickly ship production-ready Web3 Apps ⚡

• Host: GitHub
• URL: https://github.com/wslyvh/nexth
• Owner: wslyvh
• License: mit
• Created: 2022-12-16T21:05:52.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-16T16:04:50.000Z (8 months ago)
• Last Synced: 2024-05-19T02:11:30.539Z (8 months ago)
• Topics: chakra-ui, ethereum, nextjs, solidity, typescript, wagmi, web3
• Language: TypeScript
• Homepage: https://nexth.vercel.app/
• Size: 9.85 MB
• Stars: 577
• Watchers: 9
• Forks: 132
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - Nexth
• Blockchain-Development-Resources - Nexth
• awesome-web3 - nexth - Next.js + Ethereum starter kit to quickly ship Web3 Apps. (Software Development / Boilerplate)

README

        
# Nexth

A Next.js + Ethereum starter kit with Viem, Wagmi, Web3Modal, SIWE, Tailwind, daisyUI and more to quickly ship production-ready Web3 Apps ⚡

![Nexth Readme Image](https://nexth.vercel.app/opengraph-image)

## Packages 📦

- [App](./packages/app) - Next.js 14, with App router

- [Hardhat](./packages/hardhat/) - Hardhat projects

- [Foundry](./packages/foundry/) - Foundry projects

Choose the framework to use, "hardhat" or "foundry", eliminating the one we will not use.

1- Delete the folder of the framework that will not be used:

./packages/hardhat/ or ./packages/foundry/

2- Go to "packages/app/wagmi.config.ts" and remove the plugin that will not be used.

```ts

hardhat({

    project: '../hardhat',

    deployments: {

    Message: {

        11155111: '0xcc5a0d6268d70811edad77799f2168afe6382e89',

    },

    },

}),

foundry({

    project: '../foundry',

    deployments: {

    Message: {

        11155111: '0xcc5a0d6268d70811edad77799f2168afe6382e89',

    },

    },

}),

```

## Development 🛠️

```bash

npm run dev

# or

yarn dev

```

## Deploy on Vercel 🚢

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fwslyvh%2Fnexth)

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=nexth&filter=next.js&utm_source=nexth&utm_campaign=nexth-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.