DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

Next shadcn firebase auth boilerplate

Next Shadcn Firebase Auth Boilerplate

Next shadcn firebase auth boilerplate

This is a Boilerplate that uses NEXTJSSHADCNUIREACT HOOK FORMZODFIREBASE 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"

Enter fullscreen mode Exit fullscreen mode

Next shadcn firebase auth boilerplate

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

Next shadcn firebase auth boilerplate

EMAIL / PASSWORD

Next shadcn firebase auth boilerplate

GITHUB

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

Next shadcn firebase auth boilerplate

GitHub

View Github

Top comments (0)