Web3 App Template built using Next.js, RainbowKit, Tailwind, Sign-In With Ethereum, and more.
- Getting Started
- Core Integrations
- Smart Contract Integrations
- API Integrations
The pnpm
CLI is the recommended package manager but npm
and yarn
should work too.
pnpm install
pnpm dev
pnpm build
- WAGMI CLI - Automatic React Hook Generation
- RainbowKit - Wallet connection manager
- Sign-In With Ethereum - Account authentication
- TypeScript โ Static type checker for end-to-end typesafety
- Prettier โ Opinionated code formatter for consistent code style
- ESLint โ Pluggable linter for Next.js and TypeScript
- TailwindCSS โ Utility-first CSS framework for rapid UI development
- Radix โ Primitives like modal, popover, etc. to build a stellar user experience
- Framer Motion โ Motion library for React to animate components with ease
- React Icons โ Beautifully simple, pixel-perfect icons
The ui.shadcn.com components are included in the /components/shared/ui
folder.
Husky improves your git commits.
You can use it to lint your commit messages, run tests, lint code, etc... when you commit or push. Husky supports all Git hooks.
- pre-commit: lint app codebase
- commit-msg: apply commintlint
commitlint checks if your commit messages meet the conventional commit format.
In general the pattern mostly looks like this:
type(scope?): subject #scope is optional; multiple scopes are supported (current delimiter options: "/", "\" and ",")
Real world examples can look like this:
chore: run tests on travis ci
fix(server): send cors headers
feat(blog): add comment section
Common types according to commitlint-config-conventional (based on the Angular convention) can be:
- build
- chore
- ci
- docs
- feat
- fix
- perf
- refactor
- revert
- style
- test
Original template was forked from https://github.com/wslyvh/nexth
Thank you @wslyvh ๐
Copyright 2023 Kames Geraghty