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.
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.
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.
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.
So far the Best Tutorial video i have ever seen on RU-vid 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
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!
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
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 .
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!
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!
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
Hi Sonny, The Fb clone was an amazing journey, i loved it. I'm facing an issue with the authentication in production stage, i click signin but it's not redirecting me to the FB home page, i have added the domain url in my fb dev account. Would be really great if you could help me. Also Looking forward to your future builds💥
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!
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 👍
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!!
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.
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
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
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?
@@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.
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?
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
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" }
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
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😍😍😍😍😍😍
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 );
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.
@@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
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
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
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 !
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🙏🙏🙏🙏
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?
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
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
@@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??
@@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.
@@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?
@@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.
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!
@@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."
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
