Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Envoy-VC/boilr3
An all-in-one Next.js-based dApp boilerplate featuring RainbowKit wallet authentication, Tailwind CSS styling, and wagmi Hooks.
https://github.com/Envoy-VC/boilr3
ethereum nextjs rainbowkit starter-kit tailwind-css typescript wagmi
Last synced: about 1 month ago
JSON representation
An all-in-one Next.js-based dApp boilerplate featuring RainbowKit wallet authentication, Tailwind CSS styling, and wagmi Hooks.
- Host: GitHub
- URL: https://github.com/Envoy-VC/boilr3
- Owner: Envoy-VC
- License: mit
- Created: 2023-03-08T16:03:46.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-31T01:06:35.000Z (12 months ago)
- Last Synced: 2024-08-03T23:24:39.397Z (5 months ago)
- Topics: ethereum, nextjs, rainbowkit, starter-kit, tailwind-css, typescript, wagmi
- Language: TypeScript
- Homepage: https://boilr3.vercel.app
- Size: 335 KB
- Stars: 30
- Watchers: 2
- Forks: 17
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Blockchain-Development-Resources - Boilr3
README
Welcome to the [boilr3](https://github.com/Envoy-VC/boilr3), a comprehensive starting point for building decentralized applications using [Next.js](https://nextjs.org/), [RainbowKit](https://www.rainbowkit.com/) wallet authentication, [Tailwind CSS](https://tailwindcss.com/) styling, and [WAGMI](https://wagmi.sh/) React Hooks for Ethereum.
---
## Getting Started
To use this template, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/Envoy-VC/boilr3.git
```
2. Change to the project directory:
```bash
cd boilr3
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Now you can open your browser and navigate to [http://localhost:3000](http://localhost:3000) to see the boilerplate in action.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
---
## Features
- **Next.js Integration** - This boilerplate is built on top of Next.js, a popular React-based framework for building server-side rendered applications. With Next.js, you can easily create dynamic, SEO-friendly pages and leverage powerful features like automatic code splitting and serverless functions to optimize your app's performance.
- **Secure Wallet Authentication** - Authenticate users securely with RainbowKit, a powerful and easy-to-use wallet authentication library for Ethereum-based dApps. With RainbowKit, you can easily integrate wallet authentication into your app, without having to worry about the complexities of managing private keys or user accounts. RainbowKit supports a wide range of wallets, including MetaMask, WalletConnect, and more.
- **Tailwind CSS Styling** - Effortlessly style your decentralized application with Tailwind CSS, a utility-first CSS framework. Tailwind CSS makes it easy to create beautiful, responsive UIs without writing custom CSS, allowing you to focus on building your app's functionality.
- **WAGMI React Hooks for Ethereum** - WAGMI is a set of React Hooks designed to simplify Ethereum development. With WAGMI, you can easily interact with Ethereum smart contracts, manage user accounts, and handle transactions, all within your React components.
---
## Contributing
We welcome contributions to improve and expand this boilerplate. To contribute, please submit a pull request with your proposed changes, and we'll review it as soon as possible.
---
## License
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more information.
---