klokie / nextjs-firebase-authentication

Next.js + Firebase Authentication Starter

Next.js Starter with User Authentication/Authorization

• Demo

User Management with

• Firebase (Tutorial)
  • Sign In
  • Sign Up
  • Sign Out
  • Password Change
  • Password Reset

Protected Routes with

• Next.js and Firebase

Styling with

• Ant Design
• Styled Components (Tutorial)
• Page Transitions

Type Support with

• TypeScript

Tested Code Base with

• Jest (Tutorial)
• React Testing Library

Environment Variables with

• Dotenv

Absolute Imports with

• Babel Module Resolver (Tutorial)

Installation

• git clone [e-mail]:rwieruch/nextjs-firebase-authentication.git
• cd nextjs-firebase-authentication
• See: "Use your own Firebase Credentials"
• npm install
• npm test
• npm run dev
• Visit http://localhost:3000/

Use your own Firebase Credentials

• Visit https://firebase.google.com/ and create a Firebase App
• Create a .env file to store your Firebase Credentials like so:

  FIREBASE_API_KEY=[apiKey]
  FIREBASE_AUTH_DOMAIN=[authDomain]
  FIREBASE_DATABASE_URL=[databaseURL]
  FIREBASE_PROJECT_ID=[projectID]
  FIREBASE_STORAGE_BUCKET=[storageBucket]
  FIREBASE_MESSAGING_SENDER_ID=[messagingSenderId]
  FIREBASE_APP_ID=[appId]
  FIREBASE_MEASUREMENT_ID=[measurementID]
  

  (It is advised you add this file you your .gitignore)
• Activate Email/Password Sign-In Method in your Firebase App