You have no idea how much I had to browse to find this. THANK YOU!
@darksideeditions425111 күн бұрын
Dude, wtf... very good! I from brazil and understood everything, even though my English is low level.
@evenngmusic88687 ай бұрын
I d like more of firebase+ next.js videos!!
@hiper2d2 ай бұрын
This is a super helpful video. Next.js and Firebase don't have a good tutorial to understand how to integrate them together. All the information is in doc but it is very hard to find it when doing this all for the first time. The idea of creating client.ts and server.ts files to distinguish client-side and server-side configs is great.
@teetanrobotics53638 ай бұрын
Thank you so much, Miguel Vieira, for the incredibly clear and thorough explanation in this video! Your expertise made a complex topic like handling user roles in Next.js using Firebase seem much more manageable. Your effort in breaking down the concepts and providing practical examples is truly appreciated. It's evident that you put a lot of thought into making the content accessible for viewers like me. Kudos to your excellent teaching style and the valuable insights you shared. Looking forward to more tutorials from you!
@noormuhammad8884 ай бұрын
It took me a while to grasp the concepts. Very well job Miguel.
@emanuelc10256 ай бұрын
THANKS.. I waste a lot of time with next auth + credentials.. and was a madness..
@Spike_104Ай бұрын
I can't thank you enough man 🙏🙏🙏
@MikeBritton6 ай бұрын
Thanks for sharing this. It's helped me tremendously.
@hiraneranda46044 ай бұрын
awesome content. Thanks man ❤❤
@cwu2024 ай бұрын
well explained and useful, thanks sir
@josephsam2145Ай бұрын
I am stuck here 'NEXT_PUBLIC_APP_ENV' is not recognized as an internal or external command, operable program or batch file. when I change the scripts.dev in package.json to "dev": "NEXT_PUBLIC_APP_ENV='emulator' next dev",
@AmitDiggaoo75 ай бұрын
Thanks. Saw other videos but they were doing things on the client side. One question related to nextjs. Is it okay copy the firebase/functions folder inside nextjs. Like can it be bundled to the frontend and increase security risks or bundle size?
@emanuelc10256 ай бұрын
Role are based on email string here! But, could be bettter to have a dinamic way to set if is pro or admin.
@davidlintin5 ай бұрын
You can implement the same for pro as admin using custom auth claims.
@animeshorts84049 ай бұрын
Thanks. Can you do one with Prisma and mongoDB where the main admin can promote the users to moderator or admin
@edit_Pro_19 ай бұрын
Thinks man
@evenngmusic88687 ай бұрын
Jesus Thank you
@rajeshg986417 күн бұрын
Great video - Takes care of the emulator and the Cloud Firestor The website is not working How can I get the code?
@timegamedevelop17 күн бұрын
Sorry about that. Should be working now
@Pierrot243827 ай бұрын
Thank you Miguel, this is very helpful! Is this the safest way to handle auth with Firebase?
@eltrolado57646 ай бұрын
safest and easier next-auth but the documentation is crap and they changed many things bewteen v3 and v4 and v4 is poorly documented
@gilbertonuzuruike17353 ай бұрын
Is it possible to use this approach to make calls to 'Callable' functions created in the Firebase functions code
@timegamedevelop3 ай бұрын
Yes
@artbrare6 ай бұрын
Hi, How can I implement this but still be able to use firestore realtime updates in my client components
@davidlintin5 ай бұрын
Hi Miguel, great tutorial. I just have a question (newish to next.js) when you wrap the children with the AuthProvider (which is client component) in the Root Layout doesn’t that make the whole app client component? From what I understand any children of client component become client component?
@amosdaniel2374 ай бұрын
I was looking for this comment😢 I had the same thoughts.
@noormuhammad8884 ай бұрын
No it doesn’t . Only the component where you use it becomes a client component. The way provider works, it takes a children props in the root architecture and clients component on the other-hand are assigned not based on the architecture of your project rather on where it is being used.
@noormuhammad8884 ай бұрын
@@amosdaniel237 No it doesn’t . Only the component where you use it becomes a client component. The way provider works, it takes a children props in the root architecture and clients component on the other-hand are assigned not based on the architecture of your project rather on where it is being used.
@Wisdomica4 ай бұрын
Hola Miguel! Gracias por tu contenido. Una pregunta, ¿Cómo puedo utilizar el simulador de Firebase si mis "Environmental Variables" no son reconocidas. Sigo obteniendo este error donde "NEXT_PUBLIC_APP_ENV='emulator'", (no es un comando externo o interno deconocido) ya intenté todo pero no funciona... agradecería enormemente tu ayuda
@mogo67983 ай бұрын
try script this way "dev": "set NEXT_PUBLIC_APP_ENV=emulator&& next dev",
@kushailsingh84003 ай бұрын
HOW CAN WE DO THIS FOR SERVER ACTIONS?
@ManishShrestha-yz1ye4 ай бұрын
Can you please create a video on integrating Stripe to grant access to our pro features
@timegamedevelop3 ай бұрын
You can check an example on my netflix’s clone video
@gibber1sh-c6w3 ай бұрын
@@timegamedevelop man, create a SaaS boilerplate with Next.js 14, Firestore/Firebase Auth, Stripe and some Email sending service and I'll buy it
@benjaoliva33835 ай бұрын
Isn't using the Auth provider as 'use clien' makes all the children pages client side also ?
@babatundetaiwo51845 ай бұрын
No it doesn’t . Only the component where you use it becomes a client component. The way provider works, it takes a children props in the root architecture and clients component on the other-hand are assigned not based on the architecture of your project rather on where it is being used.
@benjaoliva33835 ай бұрын
@@babatundetaiwo5184 yeah, tried my self doing a React provider and is as you mentioned. Thanks!
@srubio6044 ай бұрын
what happens with the firebase rules? i need that.