August 11, 2023

React and Firebase Boilerplate Example

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.

Features

  • 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
yarn dev