Next shadcn firebase auth boilerplate

by React

Next Shadcn Firebase Auth Boilerplate

This is a Boilerplate that uses NEXTJS – SHADCNUI – REACT HOOK FORM – ZOD – FIREBASE to create an authentication system.

You must therefore create your firebase project at home and fill in this information in your .env file

NEXT_PUBLIC_FIREBASE_API_KEY="xxx"
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="xxx"
NEXT_PUBLIC_FIREBASE_PROJECT_ID="xxx"
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="xxx"
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="xxx"
NEXT_PUBLIC_FIREBASE_APP_ID="xxx"
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID="xxx"

Authentication methods

Currently there are 3 authentication methods:

  • Google
  • Email/Password
  • GitHub

To add one of these methods, you must enable it in your firebase console

GOOGLE

EMAIL / PASSWORD

GITHUB

You must create your application on your github to have this information https://github.com/settings/developers

GitHub

View Github