React & Firebase Boilerplate Example

This boilerplate utilizes Firebase Realtime Database, Firestore and Firebase Auth in a Next.js App.

This app uses Chakra UI as Component library with Next.js.


  • Signup and Login using Firebase Auth (/signup, /login)
  • User Management using Firebase Realtime Database (/)
  • User Management using Firestore (/users)

Click here To View Live app

Install Locally

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

Install it and run:

yarn dev

#With love from adedaniel


View Github