This was absolutely phenomenal!!! You can literarily deploy this as a full working Saas solution and be good. It's just sad that I could not continue with some parts of the tutorial especially the stripe integration with Firebase. Unfortunately, Stripe is not supported here in Nigeria. But I would implement this using some of our indigenous payment gateways. I should get the same result eventually. Thank you so much, Sonny. This is really good content. Cheers.
🇧🇷 Dude, you are a rock star!! I will study and develop this project. So, I'm going to launch this SaaS in Brazil. In the future, I will join your community.
Sonny! This is a crazy application. I can't wait to start building this. You are such a innovative person. PLZZ Do a video on how you come up with innovative applications and your brainstorming process for designing the architecture? I want to be as innovative as you!
This is key and it didn't get mentioned in the video well. Think it was cut out. I mean there were so many things mentioned but this is a showstopper that takes time to find. The video is amazing overall. No doubt!
Amazing that such tutorials exist. But also incredible how much work this basic stuff is. In the world of low and no code I am always blown away how much work the for sure better way of doing that stuff is…
anyone face issue in upgrading the blaze plan in INDIA error : Unable to verify your payment information. Please try again. on every card VISA as well as mastercard also
anyone else having problem with firestore when clicking the checkout button? i keep getting An error occurred FirebaseError: [code=permission-denied] but the rules are the same as the extension says:(
4:59:00 again my friend which keyboard shortcuts are you using when you resize the google chrome window to see the app in different screens when you said 'BOOM' :)) ?
is it possible to do the firebase extension stuff (run payments with stripe), without using the extension, for some complications I can't use a Blaze Plan.
glad i could help, im not sure if he ever went over that in the video, he had already created a product, or maybe i just missed it, but some googling got me there :P @@and-done
anyone else running into issues when checking out through stripe? I see there should be collections for checkout_sessions, payments, & subscriptions but on my side it is only creating checkout_sessions. Timestamp 2:59:31
iam stuck on this part too, i get everything else but when i try to hit the signup button it says An error occured: No such price: 'price_1O4Tr6KlmzNV1BEwYBVxmXUl' and i can't get to the checkout screen. lmk if you found a fix
i needed to completely set up my account, link my bank account and everything, then i got the correct restricted key and put it into firebase and now its working. im not sure what i put into it before -_-
Riggggggggt then he can make like an announcement and be like hey I'm going to be streaming on this platform I created and teach you guys how to build it, that would be sick 🔥
Great video, I don't know if I have missed anything, but I want to know how messages are being transferred from one user to another on runtime?? Just want to know what are you using for that. PS: I may have skipped that. :(
Hi Sonny! Great build, i am learning a lot of stuff following your videos! I would have a request if possible, could you share in the comments of your video the versions of the tools you are using? I was getting sick running at problems caused by tools versions. Thanks a lot
5:21:36 At this point in the code replace body: JSON.stringify({chatId : chatId)}, with body: JSON.stringify(chatId) If you get an error while api call
Hello Sonny sir, I am unable to update my role in the firebase. Please help me out if possible, please I want to learn SaaS development, on top of it I want to learn payment integrations and more about firebsae. I really learned a lot from this video, I've completed 3 hours, but I am now stuck because of I am unable to update the role in the firebase. Please help me. Thank you.
Great tutorial! Unfortunately it's already outdated as it breaks in the payments step (auth.ts logic) because of the current next-auth and @auth/firebase-adapter version dependency conflicts... :/ Still, many thanks as I learned a lot with it already! 🙏
@@izhadkhan1777 I managed to overcome the issue yesterday by pushing the @next-auth/firebase-adapter@canary, so indeed still possible to continue but sill wild errors with firebase-admin auth...
@@izhadkhan1777 I still moved on until 3:27:48 Restricting Pro Features for Free Members, but from here I had to stop as it doesn't make sense to proceed restricting stuff, when the code always recognizes my users as "undefined", because the authOptions object in the auth.ts page fails with an incompatibility with the next-auth adapter... :/
2:45:04 here he set up the extension, the important part is the Collection path field, here is where the magic happens, the extension will automatically translates all the messages that go into that collection. (Make sure the path is correct)
Is anyone else having problems with google authentication after deploying to vercel? I cannot get it to work, it says use a different account everytime, i cleared my database and checked all my variables, and nothing makes sense.
i have watched your four to five videos of 3 to 4 hours copied every step of your with every single every time your code goes for google authenticate mine does not work, i dont have enough money to buy your course also please helppp.
Hey Sonny, It'l help me to know if this project is live right now, and if not why? I would love to understand what stops you from putting such a product to the use of your audience in order to gain potential clients?
hello manish have u face any issue in updating the blaze plan in firebase i have tried both card VISA and mastercard but i get same notice as follows : Unable to verify your payment information. Please try again. hope u will reply
I am getting an error here. When I click manage billing it, I get `Unhandled Runtime Error Error: Unexpected identifier '__webpack_async_dependencies__`. Is this the same issue youre facing?
aaah, i built the whole thing but ripping my hair out, when i click create chat is ee this "Unhandled Runtime Error FirebaseError: Missing or insufficient permissions." to save my life for days now i cannot figure out where i made a mistake. anyone else ran into it?
Just wanted to thank you, just coded it all in a couple of days. Simply a great project and now saving to get the course. You rock!
Amazing you’re absolutely welcome!!!!! We’d love to have you inside the PAPAFAM!
looks like I have another weekend with Sonny on my screen.... thanks, your videos are amazing and never boring
Thank you so much for supporting!
I hope you enjoy it!! #PAPAFAM
This was absolutely phenomenal!!! You can literarily deploy this as a full working Saas solution and be good. It's just sad that I could not continue with some parts of the tutorial especially the stripe integration with Firebase. Unfortunately, Stripe is not supported here in Nigeria. But I would implement this using some of our indigenous payment gateways. I should get the same result eventually. Thank you so much, Sonny. This is really good content. Cheers.
Paypal?
can you send me your repo link
Man, man, man, the absolute best development channel on TH-cam! You have taught me so much; it's absolutely incredible, Sonny.
You wanna learn web development at a level where you can get a job? This. Videos like this are what you need. Great job!
u kidding?
@@djET0 why would he be?
Great to see you back with another project Sonny, your energy is unmatchable! Looking forward to learning 👌
Thank you so much!!! Let’s go!!! #PAPAFAM
Il keep em coming!
🇧🇷
Dude, you are a rock star!!
I will study and develop this project.
So, I'm going to launch this SaaS in Brazil.
In the future, I will join your community.
Can't believe it took me 2 days just to copy this build, and Sonny pushed it to prod within 6 hrs. Cheers Sonny. Thankyou so much!
can i get ur GitHub link , I am getting many errors while coding and it would be very nice for reference
@nikhilkr_ please
hey buddy u paiy for blaze? can we do it without paying anything
sonny is back with a banger!
Yesssir #PAPAFAM
Sonny, i never coment on videos, but i need to say that you rock. Keep up the good work
Sonny! This is a crazy application. I can't wait to start building this. You are such a innovative person. PLZZ Do a video on how you come up with innovative applications and your brainstorming process for designing the architecture? I want to be as innovative as you!
Thank you so much for this comment!! I will for sure try and find a way to include this in a video🙏🏽❤️ #PAPAFAM
probably the best video on auth, firebase, shadcn, and tailwindcss. period.
Thank you!!
Don't forget to add "firebaseRole" to "pro" in the advanced options > metadata of the Stripe product, else things won't work.
Thanks bud! Was missing this step.
Thanks!
Woooo I was panicking on this step ! Thanks
can u please share me ur repo
This is key and it didn't get mentioned in the video well. Think it was cut out. I mean there were so many things mentioned but this is a showstopper that takes time to find. The video is amazing overall. No doubt!
It's been a long time since you made a project, This app is so crazy! , Please do not stop making innovative builds!
Thank you so much! #PAPAFAM
But a suggestion from my side, You could have used Clerk for the authentication as it is more simpler
Amazing that such tutorials exist. But also incredible how much work this basic stuff is. In the world of low and no code I am always blown away how much work the for sure better way of doing that stuff is…
finaly find u bro@!!! best dev contant in the platform!!!
See their face first and last 😮. They appreciate for their work ❤
You are like a man sent from heaven to spread your love on earth. Thanks once again!
Shadcn Ui is awesome, I love working with it.
Sangha sahab chaa gaye Tussi ssa ji ❤
1:43:21 be sure to remove the bg-white from the div on line 40 otherwise there will be a white background on the bottom half of the page
Will you do same project with react native?
Hmmmm debatable? I could do? If this gets 100 likes I will
@@SonnySanghabro you need to increase your likes demand. Our Papa Fam is big! You asked 100 they delivered 1k 🔥🔥
❤️🔥🔥🔥
FIRE STREAM 🔥🔥🤩
2:13:33 when I add adapter to the auth.ts file I get an error on adapter and authOptions. Anyone else have this issue?
did you solve it yet?
I also have this issue, Did you find a solution ? I can't find one, it says it's something with types
Add that type to your "adapter"
adapter: FirestoreAdapter(adminDb) as Adapter, @@rmigallois1
the type is imported from "next-auth/adapters"
import { Adapter } from "next-auth/adapters";
@@NooblantisDistrictgot the same issue, were import the type?
anyone face issue in upgrading the blaze plan in INDIA
error :
Unable to verify your payment information. Please try again.
on every card VISA as well as mastercard also
anyone else having problem with firestore when clicking the checkout button?
i keep getting An error occurred FirebaseError: [code=permission-denied]
but the rules are the same as the extension says:(
nvm was missing the else { 2:27:40}
very high level.... Supabase > Firebase .. time to move
but overall very polished, very very thorough, clean n crisp
I teach both inside Zero to Full Stack Hero. Firebase has its advantages as does Supabase. Its Naive to say one is a clear winner
Best next js content ever seen. Sonny have you any plans about react native??
We miss you everyday sir ❤❤❤❤
4:59:00 again my friend which keyboard shortcuts are you using when you resize the google chrome window to see the app in different screens when you said 'BOOM' :)) ?
Well i don't say it much, but u are really good instructor :D
Love your stuff
Thank you!!
your are the best, can make separate videos on auth ,firebase for sign in and sign up for user and admin
Slow down Sonny I am gonna explode with excitement.
is it possible to do the firebase extension stuff (run payments with stripe), without using the extension, for some complications I can't use a Blaze Plan.
done, it was fairly simple, why 4 months? I wasnt able to work on the app for 4 months due to my exams, came back to the build yesterday
I put in my details but didn't see where to put the dollar limit..scared i might get debited crazy
Sonny you are the GOAT 🔥🔥🔥🐐🐐
Appreciate you!! 💪🏽 #PAPAFAM
is this course for beginners as well?
5hours bro
Amazing stuff fr
which keyboard shortcuts are you using at 2:46:40 to change the width of the window screen? on mac
When i get susbcription my user dont getting "pro" user.role is getting as null. Someone know how to fix it? thanks.
i had this problem too, and now i can't remember how i fixed it, its somewhere in firebase settings. I'll see if i can find it for you.
go to your stripe dashboard, where you create a product, in the metadata section, add firebaseRole, and put "pro" there. I think thats what I did.
that was it! Thank you for adding the fix!
glad i could help, im not sure if he ever went over that in the video, he had already created a product, or maybe i just missed it, but some googling got me there :P
@@and-done
Thank u so much bro that was the solution@@BrandonFunk
Hey Sonny, you know what would be cool? If you could talk about how to sell api usage
nwhat amazing smile bro, awsome 😁😁
When will this build be released in the github repo? wanting to do the build without the pain of having to type out the css.
Today!
bro can you share me ur repo link
anyone else running into issues when checking out through stripe? I see there should be collections for checkout_sessions, payments, & subscriptions but on my side it is only creating checkout_sessions. Timestamp 2:59:31
same here bro
iam stuck on this part too, i get everything else but when i try to hit the signup button it says An error occured: No such price: 'price_1O4Tr6KlmzNV1BEwYBVxmXUl' and i can't get to the checkout screen. lmk if you found a fix
check whether you copied price from test mode or otherwise from stripe dashboard. make the product in test mode and then copy the price
i needed to completely set up my account, link my bank account and everything, then i got the correct restricted key and put it into firebase and now its working. im not sure what i put into it before -_-
my 'tiers' data doesn't show in firebase now, and no 'pro' role despite setting tiers accordingly
the subscription sub collection isn't showing up in firebase but the checkout_session and payments are, anyone else have the same problem?
did you guys understand what he said on 1:16:45. I want to try to implement what Sonny said there, but I didn't understand so well what he said.
Please build a live streaming web app like twitch
Riggggggggt then he can make like an announcement and be like hey I'm going to be streaming on this platform I created and teach you guys how to build it, that would be sick 🔥
Just amazing !
I’m glad you enjoyed it!!
LGTM
Great video, I don't know if I have missed anything, but I want to know how messages are being transferred from one user to another on runtime?? Just want to know what are you using for that.
PS: I may have skipped that. :(
I love this music. Is this original music for the channel?
Hi Sonny! Great build, i am learning a lot of stuff following your videos! I would have a request if possible, could you share in the comments of your video the versions of the tools you are using? I was getting sick running at problems caused by tools versions. Thanks a lot
Please tell me more about Saas solution? I have a final project and my teacher said we have to implement it. Thank you for the help
2:59:55 My stripe payment worked fine. But when go through my firestore role is showing null.
Anyone help to rectify this.
Thank you
you need to add "firebaseRole" and "pro" as key and value respectively in the Stripe Dashboard > More+ > Product Catalog > Metadata
add firebaseRole as pro in metadata of sripe product
have u find any solution for that?
@@krisztiankaposi8054 nope
brother I am not getting id in terminal as mentioned in 2:22:07 . I have followed all the steps exactly as mentioned in video. please help me 🙏🙏🙏🙏
did you find the solution?
@@adriacalvet1475 no i drop this
is this on github?
Yes! Will upload shortly!
same repo right? I didn't see it. @@SonnySangha
ty so much man
Smash the like Button. This provided content is truly professional!😁
Legend! Dale a solid member of the PAPAFAM as always!!
My exact stack 😮
what is the text tool you are using during the video to instantly write text on your screen? seems nifty!
This is called Copilot!
from microsoft? so many copilots now! @@SonnySangha
How hard is it to add another mid-tier to stripe product after building in this video with you?
Can you make a video on that?
what is the tool, he is using to write text on screen? it's cool
Sony.. pls explain microfrontend from both next js and ReactJs..
Also lets start with Nest js 😊❤
5:21:36
At this point in the code replace
body: JSON.stringify({chatId : chatId)},
with
body: JSON.stringify(chatId)
If you get an error while api call
Or your delete chat button isn't working
can we do things without pay blaze fee?
Amazing video, next time please upgrade to PWA
is any amount to be paid for creating this?? like api charges??
Will this be added to PAPA repos in GitHub organization?
Yea it will be!
thank you, where are the timestamps?
You’re welcome! They’ll be up soon!!
In how much time you have created this amazing project sonny?
It took a couple of solid days to code & over 10 years of learning 😉😅😂
All jokes aside thank you so much for the support!!
@@SonnySanghayou are awesome sonny. Thanks for such amazing project.
Just Wanted to let everybody knows put your middleware.ts inside src folder for newer NEXTJS version
wow this is great
Having trouble with the middleware not protecting routes. It does not redirect to the sign in anyone else have this problem?
Would love to see more projects like this... no preference for react native lol
Anyone stuck at
"Unhandled Runtime Error
Error: Cannot read properties of undefined (reading 'indexOf')"
where the error points to
"return collection(db, "chats", chatId, "messages").withConverter(
messageConverter,
);"
Sonny can you make a video on authentication from scratch, like production base ...
Nice build Sonny….would also love to see things like message reply and message reactions
It's yo boy!
This is totally lit insaneeeeeeeeeeeeeeeeeeeee
Do i have to pay to access the github repo? Coz after clicking the link it shows something about payment. So just wanted to make sure.
Yes, you need to pay to get access to papa organization where all source codes are posted. Totally worth it
Amazing 🎉❤
Hello Sonny sir, I am unable to update my role in the firebase. Please help me out if possible, please I want to learn SaaS development, on top of it I want to learn payment integrations and more about firebsae. I really learned a lot from this video, I've completed 3 hours, but I am now stuck because of I am unable to update the role in the firebase. Please help me. Thank you.
Thank you Sonny i will use it maybe launch this project as Sass. It a great idea. #freepalestine
Great. Also share your songs playlist or spotify if possible
It’s in the description!!
Great tutorial!
Unfortunately it's already outdated as it breaks in the payments step (auth.ts logic) because of the current next-auth and @auth/firebase-adapter version dependency conflicts... :/
Still, many thanks as I learned a lot with it already!
🙏
so it will not work if i a continue to do it
@@izhadkhan1777 I managed to overcome the issue yesterday by pushing the @next-auth/firebase-adapter@canary, so indeed still possible to continue but sill wild errors with firebase-admin auth...
have you completed this
@@izhadkhan1777 I still moved on until 3:27:48 Restricting Pro Features for Free Members, but from here I had to stop as it doesn't make sense to proceed restricting stuff, when the code always recognizes my users as "undefined", because the authOptions object in the auth.ts page fails with an incompatibility with the next-auth adapter... :/
Thanks for saving my time
@@HugoCatarino
Which Backend is used here?
At which point did he implement the translation bit (How the chat is actually translated)? I don't see any timestamp for it
He didn't show for us how implement this. I don't know why.
2:45:04 here he set up the extension, the important part is the Collection path field, here is where the magic happens, the extension will automatically translates all the messages that go into that collection. (Make sure the path is correct)
Is anyone else having problems with google authentication after deploying to vercel? I cannot get it to work, it says use a different account everytime, i cleared my database and checked all my variables, and nothing makes sense.
i have the same problem , which is caused by the adapter issue
i have watched your four to five videos of 3 to 4 hours copied every step of your with every single every time your code goes for google authenticate mine does not work, i dont have enough money to buy your course also please helppp.
Hey Sonny, It'l help me to know if this project is live right now, and if not why? I would love to understand what stops you from putting such a product to the use of your audience in order to gain potential clients?
3:37:48
Anyone else getting error here?
Manage Account button not working
hello manish have u face any issue in updating the blaze plan in firebase
i have tried both card VISA and mastercard but i get same notice as follows :
Unable to verify your payment information. Please try again.
hope u will reply
I didn't face any issue while upgrading from spark to blaze plan.
Maybe there's issue from your bank side.
I am getting an error here. When I click manage billing it, I get
`Unhandled Runtime Error
Error: Unexpected identifier '__webpack_async_dependencies__`.
Is this the same issue youre facing?
@@ParadoxReason yes exactly the same!!
I am getting the exact same. Is this a Next js 14 issue perhaps? Did you find any solution? @@ParadoxReason
stopped this on firebase... witch sux and neva gonna use it
which terminal are you using?
Warp terminal
@@SonnySangha why this is not available for windows?! 😭
long time no see
Guess who’s back! #PAPAFAM
Can you please build B2B Cab booking website or app full stack.
If you want i can share you proper documentation about that.
how this guy can build everything
can anyone plz give the code of this tutorial or link to the github ?
Sir we need crm saas
I was thinking this kind advanced stuff you are sharing free, then how you earn ???
Imagine if this is free content. What is inside my
Paid content: www.papareact.com/course
The place to be. #PAPAFAM
Thank u
Spotify playlist link?
aaah, i built the whole thing but ripping my hair out, when i click create chat is ee this "Unhandled Runtime Error
FirebaseError: Missing or insufficient permissions." to save my life for days now i cannot figure out where i made a mistake. anyone else ran into it?
did you ever solve this, I am experiencing the same issue
@@alisherfarhadiI kinda put a pause on trying to figure it out. Did you?
@@DianaDetroit also stuck, had lots of other projects piling up