📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
@ahmadabdulkadir245 Жыл бұрын
pls what is the name of the intrumental you used in the beginning of this video sir
@LatinoWebStudio2 жыл бұрын
This is awesome! I started learning React a few weeks ago but then found out React by itself is CSR and I need SSR since I'm building web apps for clients and their websites need to be crawled so it's awesome to see all these tutorials (from playlist) on NextJS. I'm definitely going through all of them.
@shwetadeshmukh72293 жыл бұрын
Will watch this again. Was awake till 2:30 AM IST. This one is definitely on my list to build along with the Hulu clone. Thanks Sonny for your dedication inspite of technical difficulties.
@varunbhatt353 жыл бұрын
Letss goo broo.. you managed to pull this off in just 3hr 40 mins even after many glitches and unwanted bugs .. 💪💪
@chinmaymehta82003 жыл бұрын
Tip: Anyone who gets stuck with sonny at the point where the server restart doesn't pickup tailwind. Go to tailwind config and there CUT all the contents and PASTE them back -> Save. Now you should see warning for the jit compiler in the terminal. That saved me a lot of time.
@martinbradley803 жыл бұрын
I find that my VS Code doesn't like the directives within the global.css file. If/when I resave the file and then close it, the initializations seem to work more consistently.
@chinmaymehta82003 жыл бұрын
@@martinbradley80 Oh nice. I think this issue is because we're using jit. That's why it might not be picking up tailwind configs.
@anuvapandya82872 жыл бұрын
This helped, thanks!
@rkcoder3 жыл бұрын
These live coding sessions are awesome, short tutorials are nice but seeing the full process like this is also suuper valuable. Thanks for the video and hope you continue making more!
@knightrider1923 жыл бұрын
So far the Best Tutorial video i have ever seen on KZfaq please please make more video's like this where you explain everything like this and make it from scratch and please keep these video available for us forever they are absolutely great
@mariacamilabaronamartinez67483 жыл бұрын
I do really appreciate what you made for the community, is INCREDIBLY AWESOME, it would be awesome if you can explain how to deploy this project, I've been struggling with that
@mariacamilabaronamartinez67483 жыл бұрын
@@gg-yr4bp Thank you!! I already search a lot and end up learning a lot of cool stuff and deploying my apps
@doladonald77282 жыл бұрын
Hi can give pointers on how you went on about that please?
@thunderclap2060Ай бұрын
this looks super fun, for sure trying this build next playthrough
@Phas0ruk Жыл бұрын
Love your videos. Just bought the github repo access. Thanks Sonny. Love that you're representing the UK too!
@SonnySangha Жыл бұрын
Hell yeah dude!!
@twenyone50342 жыл бұрын
Anyone knows what's the solution for ---> "[next-auth][warn][NO_SECRET]" when clicking on the sign-in with facebook button this one above showing up on the console.. btw Sonny u are a legend gold videos!
@abhibhattarai17482 жыл бұрын
i am getting the same issue. Were you able to figure it out?
@twenyone50342 жыл бұрын
@@abhibhattarai1748 no bro but Ill try to rebuild it again next week
@chinmayeegowda58674 ай бұрын
@@twenyone5034did you got that?
@TharunKumaar3 жыл бұрын
Thank you bro it took me a week to sit watch and do this with you! I learnt a lot and I'm gonna do all the other apps you have done! Hope I become a pro like you one day!
@thetutorialdoctor3 жыл бұрын
I have to do this one. Glad you are using tailwind CSS
@pokerfaced81393 жыл бұрын
hi sonny , the JIT compiler is buggy and sometimes doesn't starts up , I tried saving the "tailwind.config.js" file again and then it worked for me .
@andresgardiol81113 жыл бұрын
Nice video!! I really like that you use the functional approach with hooks. What about organize component in a more "Clean Architecture" way?
@tuanlam9993 жыл бұрын
Awesome. More builds with Next.js, Tailwind CSS please.
@TheBoglodite2 жыл бұрын
Agreed
@pranaytejachethireddy90353 жыл бұрын
Thank you so much Sonny. This video made my day . Please continue making videos like this . Learnt a lot from this video .Once again Appreciated for your help .
@ashfaqulbari73283 жыл бұрын
I have to say, I enjoy watching your thought process when you encounter technical difficulties/challenges, and how you overcome them, well done! Awesome Tutorial!
@parshvarunwal45593 жыл бұрын
Holy Cow! Amazing build :), but guys don't just code along, add some features from your side!
@ossamaelidrissi26242 жыл бұрын
Hi guys , I build an app with next js and mysql but i don't know how to store links of images in the db , when i store the image directly it take more space
@handa17802 жыл бұрын
Subbed!, I was learning nextjs also tailwind and looking forward to project based tutorial to deepen my understanding about nextjs and found your videos, I learned a lot from this tutorial and hopefully I could use this in my own projects or something else, looking forward to your upcoming tutorial... you're the best man!!
@derealratos6332 Жыл бұрын
those of you stock the provider import if you're using latest nextauth This is coded with typescript(.tsx files instead of .js) here is my code import { SessionProvider } from "next-auth/react" import type { Session } from "next-auth" function MyApp({ Component,pageProps:{ session, ...pageProps } }: AppProps) { //const status=getSession() return } export default MyApp extras onClick={()=>signIn()} Facebook component import { Session } from 'next-auth' session:Session as loginprops
@always-shaiva3 жыл бұрын
Thank you my guru for this wonderful hardwork
@theetechverge77233 жыл бұрын
I Love Your Energy Papa react....#papa fam
@dragonburger56763 жыл бұрын
Incredible tutorial! Perfect pace and explained so well. I’ve watched tons of react videos and this is top notch
@rogeliovazquezmejia29293 жыл бұрын
Your content is awesome! I really love everything you do! it's unfortunate to see only 3000 views when you content is unique. A hug bro.
@connorholm28593 жыл бұрын
Thanks for the vid! I followed along and everything was super beneficial! I'm stuck on deploying the application and think a video on it would be super helpful. Not necessarily for this example but just the concept of deploying a react/next.js app is super educational. Thanks again fo the vid
@adnan_asaad Жыл бұрын
I love you dude ❤ , i can say easily your content for web is number one on KZfaq, keep going brother
@abderrahimslam28923 жыл бұрын
Hi sonny! I noticed that you worked so much with firebase in the builds you made. But most companies use a custom backend, we need something like node js backend to put in our resume to help us find a job.
@AjeetKumarrr Жыл бұрын
But you can apply as a frontend devloper.
@rangabharath42533 жыл бұрын
Awesome as always sonny. Keep rocking 😎👍
@brunotravesi7385 Жыл бұрын
Great videos man, you are helping and teaching to a lot of people around the world, send you a hug from mexico, if one day you come to mexico city i owe you some tacos 👍
@bilalfakhro13633 жыл бұрын
thank you Sonny for how you explain everything in details.... I tried to do the same as you and build this app from scratch but I bumped to a smal issue and I was wondering if there is someone else getting this error from facebook saying that Facebook has detected that your App isn't using a secure connection to transfer information. Until Your App updates its security settings, you won't be able to use Facebook to log in to it. Anyone?
@justinsospeter3 жыл бұрын
I bumped into that right now, did you find a solution?
@le_matur2 жыл бұрын
Same here!!
@ri7az2 жыл бұрын
@@le_matur delete the FB apps, start fresh and make a new app don't add anything to it, now create a new test and then add the login product to the test app instead then it will work just fine.
@reactninja65673 жыл бұрын
Too good bro! keep goin.. just curious why you left clever programmer?
@victorhsu0233 жыл бұрын
During Facebook auth always have error about my client id, I tried a lot of method and still have error can somebody help~~
@JoglosemarFoodie3 жыл бұрын
Thumbnail is very hilarious 🤣
@KlorofilASN3 жыл бұрын
postImage 404 when using
@khafrewatkins2 жыл бұрын
check your firebase rules. you need to change the rules in both the firestore database and the storage to: " allow read, write: if request.auth == null; " then you can access the storage and firestore without authentication
@teguhbadrusalam2953 жыл бұрын
Sonny is a Legend!!!
@sheilgandhi3 жыл бұрын
Hey Sonny, I had some trouble deploying this Web App. I think it's has something to do with the Facebook Developer settings. Would love some help or a quick tutorial. Thank You
@Groot-yl1lf3 жыл бұрын
Hello @Sheil Gandhi. Did you get a solution to this.
@sheilgandhi3 жыл бұрын
@@Groot-yl1lf No I haven't
@markyt49603 жыл бұрын
This is such a nice video and I learnt a lot in this video. But the thing where I got stuck is that how do I deploy this app ?
@ibrahimoguzhanyilmaz34513 жыл бұрын
what was the point of using nextjs? You did not use any of the Data Fetching methods of nextjs like getServerSideProps or getStaticProps or initialProps... Did you prefer nextjs only for the ease of authentication and routing?
@ri7az2 жыл бұрын
Yes he does.
@ThugLifeModafocah2 жыл бұрын
Man, this is awesome content. I really appreciate, you are making my life better. Thank you.
@phanthanhtao94923 жыл бұрын
Hi sonny, i from vietnames. I really admire you, I learned a lot about REACT and UI framework CSS from your channel Thank You so much
@spinspin35232 жыл бұрын
this guy is a legend
@mr.kouhadi57532 жыл бұрын
I need your help guys. at 03:01:25 firebase web v9 update ruined my code :( const [realtimePosts, loading, error] = useCollection( db.collection('posts').orderBy('timestamp', 'desc') /// this causes an error );
@SonnySangha2 жыл бұрын
This syntax will not work with Firebase v9 downgrade to v8 or rewrite with the new syntax
@Casual202322 жыл бұрын
@@SonnySangha give us new syntax
@mrcharm7672 жыл бұрын
when you those things happened to you and you said this is called bad day i can sense it ,it happens to me 95% of time
@milad84362 жыл бұрын
This is exactly what I was looking for
@harsh_nandan3 жыл бұрын
Amazing debugging. I too got irritated when the bug was not getting identified. Great Experience being here.
@funaustralia65172 жыл бұрын
I don't why I can not use group-hover, it's not change color.
@deanbarber88513 жыл бұрын
Hey Sonny, I couldn't deploying this Web App. I have been stuck at solving this problem for past three days. Facebook is continuously blocking all domain names from vercel. It is saying "Can't Load URL: The domain of this URL isn't included in the app's domains.' Can you please give us a quick tutorial on how to deploy the app or point me to the right direction on how to solve it. Thank you
@WeryZebra3 жыл бұрын
try adding your new domain to face book devloper counsler something so it will be authorized domain then you can use auth, i have used google...but i think that might be a solution
@hangout70813 жыл бұрын
I really love the thumbnail
@y.m.o61713 жыл бұрын
hey man such a big fan of your channel man ! can you please pretty please do a clone of something like figma ? just the layouts and the resizing sidebars and what have you !
@kawsarkhan58763 жыл бұрын
You guy just amusing❤️❤️❤️ Love u a lot man❤️❤️
@Mamadu-li5do2 ай бұрын
keep on the good work
@vikranthkanumuru89003 жыл бұрын
Love both your content and your monetization strategy, novel and effective, you have my sincere admiration
@danielrocha57743 жыл бұрын
Great, dude. You are awesome Thanks for all the knowledge you spread
@didkei2 жыл бұрын
If you want to force a light theme to the Facebook Login add this code to the pages/api/auth/[...nextauth].js file. Code's the following: theme: { colorScheme: 'light', // "auto" | "dark" | "light" }
@Manjaco3 жыл бұрын
the NextAuth feature is insane !!!
@abelkibebe5773 жыл бұрын
PAPA RESPECT!!! Guys if u r encountering an error in the "src" when u r using the component, it doesn't work if u write it as PAPA even if u set the domain in next.config.js *You have to use a loader function for example: .................. This doesn't work!! change it to this *Create a loader function and call it using the dollar backtick($`) const myLoader = ({ src }) => { return `${session.user.image}`; }; i thought this would Help!!! Thanks!
@winniegitau77793 жыл бұрын
you are a life saver thanks for sharing.
@abelkibebe5773 жыл бұрын
@@winniegitau7779 ☺️
@winniegitau77793 жыл бұрын
@@abelkibebe577 how did you deploy your facebook app in vercel.i deployed mine and when am testing my app i cant login says "URL blocked: This redirect failed because the redirect URI is not white-listed in the app's client OAuth settings. Make sure that the client and web OAuth logins are on and add all your app domains as valid OAuth redirect URIs."
@kulvirsingh45682 жыл бұрын
bro my images are getting broken when retrieve them from firebase db any suggestions??
@jafar31773 жыл бұрын
Hi bro. All of your videos are really excellent. If you make us video how to build SpaceX website with React. It will be insane and excellent. Bro
@imronreviady15722 жыл бұрын
can you zoom your editor? it's pain for my eye. I cannot see different between { } and [ ]
@bilegtni52023 жыл бұрын
you are awesome dude impressive omg
@DiazGunturFebrian3 жыл бұрын
You are legend. I am gonna try it by following your videos 👍
@josepena-bk8wd2 жыл бұрын
Hi! nice turorial , im in 1:14:21 and when imported Provider, I have an error Module not found .client, what can be? I install and reinstalll the package fine.
@INTQEASDSDET2 жыл бұрын
Same problem bro... How did you solve it??... I haven't found the solution from two days
@cybermaxi72 жыл бұрын
@@INTQEASDSDET got same problem and noticed that they'v changed Provider to SessionProvider in the new and latest version 4. It worked buh i'm getting difficulty redirecting to my localhost, it's redirecting to the login page
@ifiokumoren67592 жыл бұрын
Use react in place of client
@josepena-bk8wd2 жыл бұрын
@@INTQEASDSDET the documentation has changed so u cant use Provider now I think is sessionProvider, but check out the documentation
@leensaboh99552 жыл бұрын
Hi How did you solve the log in problem?
@rishabhthakur2270 Жыл бұрын
doesn't accept auth the sign in page from facebook redirects to out sign in component page
@woaken3 жыл бұрын
Can you make a tutorial on making Clone of the App to be able to connect with the site coded?
@woaken3 жыл бұрын
Oh and thank you so so so much for creating this Clone, I forgot to mention my bad!!! 🤦🏽 peace to you! ✌🏼
@haidinurhadinata26612 жыл бұрын
thank you so much for your video, it's very helpfully
@nested93013 жыл бұрын
this guy build everthing with react js ifeel like the next video will be building react js with react js xD
@mathefeitosa3 жыл бұрын
This way of teaching is awesome! I liked it! Learned a lot!
@ThanHtutZaw32 жыл бұрын
Why we need to use Next-Auth for auth system .Can we do auth without Next-Auth libaries?What is the key of using Next-Auth. I feel like writing react app without knowing javascript
@joaosouza52182 жыл бұрын
Isso sim que é capricho. Adorei!
@minthantoo3509 Жыл бұрын
I deployed this on netlify and it was working fine. Then the app log in authentication suddenly stopping working last night and got the following error. 'This URL Is Blocked The URL "my app URL" has been blocked from Facebook.' Got the following error in Meta for developer app, 'This domain has been identified as malicious and/or abusive.' How do I fix this? Thank you. Edit: it works on localhost.
@tjvlog50693 жыл бұрын
Sonny how to deploy these kind of build?
@billwhite5152 жыл бұрын
was curious if you could update firebase to 9.6ish and modify so that the firebase stuff still works because I had to use 8.5.0 to get it to work like yours. Great Content
@harshahirushan25443 жыл бұрын
I love you so much dude thanks for helping me this was fantastic ............ I have never stopped this is my first time one we meet in a live there i got you thanks😍😍😍😍😍😍
@SonnySangha3 жыл бұрын
That is great dude!!! Keep on going and thank you so much for the support! 💪🏽💯
@harshahirushan25443 жыл бұрын
@@SonnySangha finally i found my coding hero .
@RobertDe06132 жыл бұрын
Hey Sonny...I am getting a bad error when troubleshooting session.user.image in the Header.js file. Any idea on what is causing this??? TypeError: Cannot read property 'user' of undefined
@Domrenz2 жыл бұрын
did you solve this? got the same error..
@RobertDe06132 жыл бұрын
@@Domrenz lol. I posted the same error for the LinkedIn tutorial. I thought I was responding to that. As you can see, there are issues with firebase and react. Does anyone have any ideas?? Sonny??
@Domrenz2 жыл бұрын
@@RobertDe0613 I actually solved it yesterday had to do with a grammar error. My '_app.js' in the pages folder had this line of code like this "" and I fixed it to "" Sessions was plural.. so check each line of your code to make sure you don't have a grammar error! Hopefully this solves it.
@RobertDe06132 жыл бұрын
@@Domrenz Hey. Thank you for responding and the advice! I checked to see if I had any spelling or syntax errors and I do not. I am almost 100% sure it relates to session.user.image in the index.js file. That is where Sonny uses that as src={session.user.image} for the tag. It is looking for an image to use and it cannot pull one because I need to upload it somewhere. Any ideas on what to do for this?
@Domrenz2 жыл бұрын
@@RobertDe0613 interesting.. mine was a user issue in that same area. Hm...Did you try saving your tailwind.config.js file then rebooting your terminal.
@muhammadshadreza16363 жыл бұрын
Hey Sonny! Thanks for the tutorial and it's really helpful. But while going into Facebook sign in, I see my network connection is not secure or as I know the localhost is running on HTTP format instead of HTTPS, so what can I do bro. Stuck here...
@muhammadshadreza16363 жыл бұрын
well somehow managed it by getting some tweaked up
@justinsospeter3 жыл бұрын
@@muhammadshadreza1636 I'm stuck, what did you do?
@ri7az2 жыл бұрын
@@justinsospeter create a test app and everything same
@mdsaiful62942 жыл бұрын
Nice video good video
@samirakhtar72952 жыл бұрын
@sonny sangha I am getting {./client is not exported from package } what to do now?
@kulvirsingh45682 жыл бұрын
Great build but sonny my images are getting broken when i retrieve them from firebase. please help
@krisztiankaposi8054 Жыл бұрын
Hi folks , can someone tell me before i start building? :D whats the different between this build and the one that Sonny built 2 years ago at the other live session? the contact bar and media querry?
@SohelRana-zm2ur3 жыл бұрын
Unhandled Runtime Error TypeError: Cannot use 'in' operator to search for '#' in null when I went to login show this error...Anybody help me.
@khafrewatkins2 жыл бұрын
Did you solve this yet?
@sangngaihte90313 жыл бұрын
after clicking login with facebook "This site can’t provide a secure connection " this error came up ..can any one help
@khafrewatkins2 жыл бұрын
I had this issue. You may want to delete the app in facebook dev console and make a new one. choose the 'none' category and continue your setting it up in the general settings and the login settings in the left panel. I will auto-magically work then. And yes I bit 'auto-magically' from Leon Noel. just saying.
@balamurugans57113 жыл бұрын
bro the effort you put is absolutely amazing keep rocking sonny !! #papa fam
@AmanSharma-bf9yx Жыл бұрын
I'm facing an issue when uploading a post is not reflecting in firebase. can anyone help I did the same as it is in the video
@Hamza-ll3uf3 жыл бұрын
Hi Sonny! Could you do a video talking about best practices for storing data in the real-time database?
@mrcrypticx_12 жыл бұрын
damn, i see how much of a toll this puts on you man!
@TheBoglodite2 жыл бұрын
What's the advantage of using Firestore as opposed to having your own backend?
@denishammad93213 жыл бұрын
Outstanding work Papa react
@utkarshsharma52022 жыл бұрын
1) Can I add it in my resume? 2) Will it make resume impressive? 3) Is it a good idea to make resume impressive to make clone of facebook, amazon, whatsapp, uber, netflix etc..? 4) Can someone suggest me project ideas which make resume outstanding?
@happinin3 жыл бұрын
so i did the video and completed it nicely. but could you please show us how to redirect to for example another url such as /login if there is no authentication - instead of redirecting to the component that is. I tried useRouter but that doesn't work.
@AJQuickShow3 жыл бұрын
Awesome bro clean and elegant ♥️♥️
@TheBrokersNY2 жыл бұрын
Hi Sonny; Thank you for great Tutorial but your yarn add next -auth command giving error and not compatible with Node- 17.0.1 version (1:06:45) The error says "The engine "node" is incompatible with this module. Expected version "^12.19.0 || ^14.15.0 || ^16.13.0". Got "17.0.1"! Any suggestions to avoid this problem !
@soledad02daniel3 жыл бұрын
Dope video. Did anyone launched the project? I'm curious where I can get public privacy url for Facebook and Data deletion terms.
@ansh472 жыл бұрын
How do we deploy this? Facebook is not allowing different URL other than localhost with the login.
@yashaparik3 жыл бұрын
Just wanted to know.. why don't advanced coders go for building the next big thing.. for eg: you
@agamjotsingh73713 жыл бұрын
Hey Guys Please pray for my uncle and grandfather they may need a ventilator if their oxygen keep fluctuating please pray your prayer may save my uncle grandfather and grandmother. Please!!!!!! Please pray please🙏🙏🙏🙏
@SonnySangha3 жыл бұрын
🙏🏽
@alanliang95383 жыл бұрын
best of luck to them, but here probably isnt the place though
@MementoNeli3 жыл бұрын
YESSSSSSSSSSSS, another daily.dev user \o/
@abhinnvyas82153 жыл бұрын
Hey can somebody helpp me, in Building the Login Section Component sonny says u cant login on http but then his apps logs in,, i cant do the same what to do?
@ahmadabdulkadir245 Жыл бұрын
Pls what is the name of the instrumental beat used in the beginning of this video
@Billiam1123 жыл бұрын
Really great content, thanks! However, can you get stats on your viewers and the screen/device they use? If so, and if multiple of us is on smaller screens like phones (like myself) watching, you can really bump the font size to the double. On phone it is really hard to see (one has to really focus hard to see). As a "KZfaq phone watcher", it's a common issue, unfortunately. But if you have the stats of your viewers, perhaps something to look into? Thanks again for great content. 😊