https://github.com/refcell/nextjs-chakra-dapp
A template dapp using nextjs and chakra-ui.
https://github.com/refcell/nextjs-chakra-dapp
chakra-ui dapp ethereum nextjs smart-contracts template typescript web3
Last synced: 9 months ago
JSON representation
A template dapp using nextjs and chakra-ui.
- Host: GitHub
- URL: https://github.com/refcell/nextjs-chakra-dapp
- Owner: refcell
- Created: 2021-09-29T21:56:59.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-23T21:41:28.000Z (over 4 years ago)
- Last Synced: 2025-05-05T15:54:41.666Z (9 months ago)
- Topics: chakra-ui, dapp, ethereum, nextjs, smart-contracts, template, typescript, web3
- Language: TypeScript
- Homepage: https://ethers.vercel.app
- Size: 1.01 MB
- Stars: 26
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nextjs, Typescript, Chakra-ui Dapp and Smart Contract Template
Built with
[Nextjs](https://nextjs.org/),
[Typescript](https://www.typescriptlang.org/),
and [chakra-ui](https://github.com/chakra-ui/chakra-ui).
## Using the template
You can click the `Use this template` button on this repository or clone the repo directly from your terminal with:
```
npx degit abigger87/nextjs-chakra-dapp
```
Then, run the development server:
```
yarn dev
# or
npm run dev
```
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying src/pages/index.js. The page auto-updates as you edit the file.
## Deploying
[](https://vercel.com/new/git/external?repository-url=https://github.com/abigger87/nextjs-chakra-dapp&project-name=nextjs-chakra-dapp&repository-name=nextjs-chakra-dapp)
`
## How to use
Install dependencies with `yarn`
Run in development mode with `yarn dev`
## Where can I learn more?
#### Next.js
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
#### Chakra-ui
[Chakra-ui Documentation](https://chakra-ui.com/docs/getting-started) - learn about Chakra-ui features and API.
## Smart Contracts
Created with the best smart contract framework: [Dapptools](https://dapp.tools/).