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.
So far the Best Tutorial video i have ever seen on TH-cam 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
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.
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!
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
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!
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 .
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 );
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.
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
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
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 👍
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!
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 !
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!!
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!
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
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 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.
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
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...
Hi Sonny, I got an error at 1:29:31 saying that I have an src prop that isnt configurated and says my next/image should be configurated in the mext.config.js. Ive been struggling with this for a while now, can someone maybe help me lol??
it is cause you have not included the domain of the image you are going to import , you have to write the host name of the link of the image in next config file
@@WeryZebra Thanks for the reply. Stupid question but I am very new to this, so how would I find the host name of the users email image because I really dont know how to find that link of the user currently in session?
@@andretaljaard7685 I don't know about the facebook host name , but when you load an image console it without displaying and in that link just take the first portion after the htttp....it might work
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
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?
hey, after deploying on vercel have problem with login - The provided app ID does not look like a valid app ID. after logging. i change live mode in fb dev tools. What can help to launch any suggestions pls??
I had the same issue and figured out that the provider settings for FACEBOOK_CLIENT_ID and FACEBOOK_CLIENT_SECRET from the .env.local file were not the same as what I copied to [...nextauth].js file. Maybe check there? Mine were missing the _CLIENT_ part.
@@martinbradley80 hey, what do you mean not the same as in [...nextauth].js file ? I added Environment Variables in vercel and they are correct. did you add mb this env files different?
@@baxriggs1071 I copied the example (clientId: process.env.TWITTER_ID,) into my [...nextauth].js from the next-auth documentation and just replaced TWITTER with FACEBOOK. I should have replaced the environmental variable with FACEBOOK_CLIENT_ID (and secret) to reflect what was in my .env file. Once I did that, the error you described went away. I just thought you might have done what I did. Let me know if that still doesn't make sense.
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.
Hi everyone. Firstly, thanks Sonny for the amazing content. Secondly, I'm facing a problem when I try to login with the Facebook account it tells me that my connection is not secure. Any ideas?
@@iconelias508 After a long long time of searching and looking around it appears that facebook doesn't support the localhost because it uses http and not https. There are ways you can change the localhost connection to https but I don't know them.
do you have any courses for nextauth.js?? you only have social login functionality in youtube videos(and it does not stores user data on firebase). Id like to implement login function with Firebase(Email & password login).
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😍😍😍😍😍😍
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
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 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?
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.
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.
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" }
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.
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
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?
getting this Server Error TypeError: _utils_firebase__WEBPACK_IMPORTED_MODULE_1__.db.collection is not a function when i try to orderby the posts with timestamp and desc function Posts() { const [realtimePosts] = useCollection( db.collection('posts').orderBy ("timestamp", "desc") );
After building this clone, can I circulate this among my friends and ask them to open an account here and post something so that I can see their posts and they can see mine in the Newsfeed of this clone ?
📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
pls what is the name of the intrumental you used in the beginning of this video sir
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.
Letss goo broo.. you managed to pull this off in just 3hr 40 mins even after many glitches and unwanted bugs .. 💪💪
So far the Best Tutorial video i have ever seen on TH-cam 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
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.
@@martinbradley80 Oh nice. I think this issue is because we're using jit. That's why it might not be picking up tailwind configs.
This helped, thanks!
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!
Love your videos. Just bought the github repo access. Thanks Sonny. Love that you're representing the UK too!
Hell yeah dude!!
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.
Same problem bro... How did you solve it??... I haven't found the solution from two days
@@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
Use react in place of client
@@INTQEASDSDET the documentation has changed so u cant use Provider now I think is sessionProvider, but check out the documentation
Hi How did you solve the log in problem?
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!
Thank you my guru for this wonderful hardwork
Awesome as always sonny. Keep rocking 😎👍
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 .
I have to do this one. Glad you are using tailwind CSS
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 .
Awesome. More builds with Next.js, Tailwind CSS please.
Agreed
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
);
This syntax will not work with Firebase v9 downgrade to v8 or rewrite with the new syntax
@@SonnySangha give us new syntax
Nice video!! I really like that you use the functional approach with hooks.
What about organize component in a more "Clean Architecture" way?
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?
I bumped into that right now, did you find a solution?
Same here!!
@@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.
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
Hello @Sheil Gandhi. Did you get a solution to this.
@@Groot-yl1lf No I haven't
this looks super fun, for sure trying this build next playthrough
I Love Your Energy Papa react....#papa fam
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
Sonny is a Legend!!!
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 👍
I love you dude ❤ , i can say easily your content for web is number one on TH-cam, keep going brother
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!
i am getting the same issue. Were you able to figure it out?
@@abhibhattarai1748 no bro but Ill try to rebuild it again next week
@@memberbritishempiredid you got that?
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 !
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 ?
Too good bro! keep goin.. just curious why you left clever programmer?
Holy Cow! Amazing build :), but guys don't just code along, add some features from your side!
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!!
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.
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!
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
@@gg-yr4bp Thank you!! I already search a lot and end up learning a lot of cool stuff and deploying my apps
Hi can give pointers on how you went on about that please?
this guy is a legend
I really love the thumbnail
This is exactly what I was looking for
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 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
did you solve this? got the same error..
@@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.
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
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...
well somehow managed it by getting some tweaked up
@@muhammadshadreza1636 I'm stuck, what did you do?
@@justinsospeter create a test app and everything same
you are awesome dude impressive omg
Thumbnail is very hilarious 🤣
Man, this is awesome content. I really appreciate, you are making my life better. Thank you.
Hi Sonny, I got an error at 1:29:31 saying that I have an src prop that isnt configurated and says my next/image should be configurated in the mext.config.js. Ive been struggling with this for a while now, can someone maybe help me lol??
it is cause you have not included the domain of the image you are going to import , you have to write the host name of the link of the image in next config file
@@WeryZebra Thanks for the reply. Stupid question but I am very new to this, so how would I find the host name of the users email image because I really dont know how to find that link of the user currently in session?
@@andretaljaard7685 I don't know about the facebook host name , but when you load an image console it without displaying and in that link just take the first portion after the htttp....it might work
@@WeryZebra okayy thanks, Ill give that a try, much appreciated😁😁
You guy just amusing❤️❤️❤️ Love u a lot man❤️❤️
why I can't find module 'next-auth/client' path from package QQQ I try my best to solve this problem but still can't fix it....
I use the path next-auth/react I read from next auth document see if it works.
@@eddyliao9105 thanks your reply! I also found the answer in the document with this path!
Hey you kept the cursor on and the autocomplete came up to write the import line, how did that happen? what is the extention? currently at 16:40
just figured out. Tabnine! Sick
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
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?
YESSSSSSSSSSSS, another daily.dev user \o/
Can you make a tutorial on making Clone of the App to be able to connect with the site coded?
Oh and thank you so so so much for creating this Clone, I forgot to mention my bad!!! 🤦🏽 peace to you! ✌🏼
hey, after deploying on vercel have problem with login - The provided app ID does not look like a valid app ID. after logging. i change live mode in fb dev tools. What can help to launch any suggestions pls??
i think the problem is in facebook for developers login settings. can you pls share how to set everything correctly?
I had the same issue and figured out that the provider settings for FACEBOOK_CLIENT_ID and FACEBOOK_CLIENT_SECRET from the .env.local file were not the same as what I copied to [...nextauth].js file. Maybe check there? Mine were missing the _CLIENT_ part.
@@martinbradley80 hey, what do you mean not the same as in [...nextauth].js file ? I added Environment Variables in vercel and they are correct. did you add mb this env files different?
@@martinbradley80 everything works fine in development mode , but after deploying and switching live in fb developers i'm not able to log in.
@@baxriggs1071 I copied the example (clientId: process.env.TWITTER_ID,) into my [...nextauth].js from the next-auth documentation and just replaced TWITTER with FACEBOOK. I should have replaced the environmental variable with FACEBOOK_CLIENT_ID (and secret) to reflect what was in my .env file. Once I did that, the error you described went away. I just thought you might have done what I did. Let me know if that still doesn't make sense.
Nice one 👍👍
after clicking login with facebook "This site can’t provide a secure connection " this error came up ..can any one help
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.
Incredible tutorial! Perfect pace and explained so well. I’ve watched tons of react videos and this is top notch
Hi everyone. Firstly, thanks Sonny for the amazing content. Secondly, I'm facing a problem when I try to login with the Facebook account it tells me that my connection is not secure. Any ideas?
me too :(
@@iconelias508 After a long long time of searching and looking around it appears that facebook doesn't support the localhost because it uses http and not https. There are ways you can change the localhost connection to https but I don't know them.
Hey, I am also getting a similar error
Unhandled Runtime Error
TypeError: Cannot use 'in' operator to search for '#' in null
when I went to login show this error...Anybody help me.
Did you solve this yet?
do you have any courses for nextauth.js?? you only have social login functionality in youtube videos(and it does not stores user data on firebase). Id like to implement login function with Firebase(Email & password login).
@ 34:39 how you resolved your issue mine is not working.
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😍😍😍😍😍😍
That is great dude!!! Keep on going and thank you so much for the support! 💪🏽💯
@@SonnySangha finally i found my coding hero .
I don't why I can not use group-hover, it's not change color.
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
hey sonny, any ideas why my shadow-md is not showing up at all in the header? I can send my code over wherever, tia
Hey Sonny !!
What's the song in the intro?
Btw, love this tutorial
same question
@sonny sangha I am getting {./client is not exported from package }
what to do now?
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
Hallo, #PAPAFAM i have issue with firestore database, my posts not coming in? Any one can help me? @2:39:00
OMG i found issue myself, submit button was not between tags!!!!!
Amazing debugging. I too got irritated when the bug was not getting identified. Great Experience being here.
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 !
the NextAuth feature is insane !!!
Great build but sonny my images are getting broken when i retrieve them from firebase. please help
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?
Why does it always return 404 status code when I get postImage from firebase but the html imgae tag worked fine ??
What's the advantage of using Firestore as opposed to having your own backend?
Dope video. Did anyone launched the project? I'm curious where I can get public privacy url for Facebook and Data deletion terms.
Outstanding work Papa react
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.
But you can apply as a frontend devloper.
PAPA never disappoints
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.
Love both your content and your monetization strategy, novel and effective, you have my sincere admiration
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"
}
How do we deploy this? Facebook is not allowing different URL other than localhost with the login.
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.
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
You are legend. I am gonna try it by following your videos 👍
Isso sim que é capricho. Adorei!
Great, dude. You are awesome
Thanks for all the knowledge you spread
You are a great man
thank you so much for your video, it's very helpfully
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?
Yes he does.
getting this Server Error
TypeError: _utils_firebase__WEBPACK_IMPORTED_MODULE_1__.db.collection is not a function
when i try to orderby the posts with timestamp and desc
function Posts() {
const [realtimePosts] = useCollection(
db.collection('posts').orderBy
("timestamp", "desc")
);
I'm getting same error like you
doesn't accept auth
the sign in page from facebook redirects to out sign in component page
Let's go sonny thanks for awesome stuff 😁
I really like how clean you make the code, I want to ask you something, is there a way to load faster the images from the post?
Hey thanks!! Yes! Look into caching technique!
After building this clone, can I circulate this among my friends and ask them to open an account here and post something so that I can see their posts and they can see mine in the Newsfeed of this clone ?
This is dope man 🔥
Awesome bro clean and elegant ♥️♥️
can you zoom your editor? it's pain for my eye. I cannot see different between { } and [ ]