next-firebase-auth VS next-firebase-auth-edge

Hey I was just wondering what the main differences are between next-firebase-auth and next-firebase-auth-edge They seem incredibly similar and I decided to go with auth-edge, but I was wondering if anyone has experience with the other library and what the main differences are. I am unfamiliar with security and dealing with auth tokens inside the browser's cookies, so I would like to have a better understanding of these tools and the pros and cons. Thanks in advance!

you can see how next-firebase-auth does it here https://github.com/gladly-team/next-firebase-auth/blob/v1.x/src/firebaseAdmin.js

There is a next firebase auth package that implements SSR: https://github.com/gladly-team/next-firebase-auth

In the SSR case, if all you want is firestore, then the admin SDK is perfect for this and easy enough to use from the server-side. If you want authentication also, that adds some moving pieces and I would probably at next-firebase-auth (which works with firebase authentication) or next-auth (which can use firestore for it's database, but handles authentication itself) to take care of the heavy lifting of SSR authentication.

But if you want to use the benefits of Next.js server side rendering and obtain a user inside getServerSideProps you'd have to use next-firebase-auth. They have a section in the docs that could help you make this decision.

Both Firebase and Next-Auth have what you're looking for. The security is baked in. https://github.com/gladly-team/next-firebase-auth https://next-auth.js.org/

Hey I was just wondering what the main differences are between next-firebase-auth and next-firebase-auth-edge They seem incredibly similar and I decided to go with auth-edge, but I was wondering if anyone has experience with the other library and what the main differences are. I am unfamiliar with security and dealing with auth tokens inside the browser's cookies, so I would like to have a better understanding of these tools and the pros and cons. Thanks in advance!

Hey everyone, I am a react native developer and my company is moving me to the web team since we need to flesh out the website as fast as possible since that is our biggest complaint with users/customers. On our app we are using firebase auth and firestore for our DB. Looking at implementing firebase auth and firestore with next seems to be much trickier than just using the client side SDK on react native. I would like to know if anyone has any suggestions on how to do this. I found this library called next-firebase-auth-edge and I heard good things about it. Since I am mostly a frontend developer the code for this was tricky since it looks like it just stores the user auth instance as a cookie and sends a jwt to the server to write to Firestore. The issue here though is that since server side firebase code users the firestore admin rules, this mean I need to manually check the user since Firestore can't use security rules. I know this is common for other server side code, but was not sure if this was ideal for firestore or if there are any security issues with this. Pretty much I just want to check with someone who has more experience in backend field since I am still getting used to backend code and security. Honestly, even just a casual explanation would be helpful since I haven't touched server code in 2+ years. Thanks in advance!

This might be of interest: https://github.com/awinogrodzki/next-firebase-auth-edge. Clerk handles auth using middleware and this library seems to do the same.

I do not have a repo for auth sorry however I used a similar approach as the in this repo that u/Negative-Constant966 attached below but I can show you some of the code as well.

Here's the library dedicated for integrating Next.js 13 with Firebase Authentication. It allows for zero-js authentication: https://github.com/ensite-in/next-firebase-auth-edge