Skip to content
/ boilr3 Public template
forked from Envoy-VC/boilr3

An all-in-one Next.js-based dApp boilerplate featuring RainbowKit wallet authentication, Tailwind CSS styling, and wagmi Hooks.

License

Notifications You must be signed in to change notification settings

Metroxynth/boilr3

 
 

Repository files navigation

Welcome to the boilr3, a comprehensive starting point for building decentralized applications using Next.js, RainbowKit wallet authentication, Tailwind CSS styling, and WAGMI React Hooks for Ethereum.


Getting Started

To use this template, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Envoy-VC/boilr3.git
  2. Change to the project directory:

    cd boilr3
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm run dev
    # or
    yarn dev
    # or
    pnpm dev

Now you can open your browser and navigate to 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 file for more information.


About

An all-in-one Next.js-based dApp boilerplate featuring RainbowKit wallet authentication, Tailwind CSS styling, and wagmi Hooks.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.5%
  • CSS 1.8%
  • JavaScript 1.7%