🐣 Gatsby Firebase Starter

Your minimal yet extensive authentication starter project in Gatsby.js with Firebase and plain React.

• Powered by Gatsby
• Tutorial
• Live Version of half of the Tutorial

Features

• uses:
  • only React (Gatsby.js)
  • firebase 5
  • no Redux/MobX
    • Redux Version without Gatsby.js
    • MobX Version without Gatsby.js
• features:
  • Sign In
  • Sign Up
  • Sign Out
  • Password Forget
  • Password Change
  • Verification Email
  • Protected Routes with Authorization
  • Roles-based Authorization
  • Social Logins with Google, Facebook and Twitter
  • Linking of Social Logins on Account dashboard
  • Auth Persistence with Local Storage
  • Database with Users and Messages

Setup

• git clone [email protected]:the-road-to-react-with-firebase/react-gatsby-firebase-authentication.git
• cd react-gatsby-firebase-authentication
• yarn install
• gatsby develop
• visit http://localhost:8000/
• Use your own Firebase Credentials

Use your own Firebase Credentials

• visit https://firebase.google.com/ and create a Firebase App
• copy and paste your Credentials from your Firebase App into src/firebase/firebase.js
• activate Email/Password Sign-In Method in your Firebase App

Setup via Gatsby CLI

• gatsby new react-gatsby-firebase-authentication [email protected]:the-road-to-react-with-firebase/react-gatsby-firebase-authentication.git
• cd react-gatsby-firebase-authentication
• yarn install
• gatsby develop
• visit http://localhost:8000/
• Use your own Firebase Credentials