An open API service indexing awesome lists of open source software.

https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate

Next shadcn firebase auth boilerplate
https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate

Last synced: 4 months ago
JSON representation

Next shadcn firebase auth boilerplate

Awesome Lists containing this project

README

          

## 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"
```
![FIREBASE CONFIG](https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate/assets/62269693/bcb549fe-e46a-45b4-9b0b-2ba5d5286057)

## 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
![FIREBASE GOOGLE AUTH SETTING](https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate/assets/62269693/ed0787d2-9eb2-4bef-a977-71ae7a16820d)

### EMAIL / PASSWORD
![FIREBASE EMAIL/PASSWORD AUTH SETTING](https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate/assets/62269693/e2f13346-9cec-4454-932d-ae40e6a1614c)

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

![FIREBASE GITHUB AUTH SETTING](https://github.com/ln-dev7/next-shadcn-firebase-auth-boilerplate/assets/62269693/1fe2520c-3b8b-4149-9929-a7bc042931c0)