Great video. Small notes: - When deploying to Vercel - you don't need to enter a NEXTAUTH_URL, it will use the `VERCEL_URL` automatically - At 51:40 - you need to restart the eslint server too sometimes - especially when you have the `recommended-requiring-typecheck` config setup. It can be done the same way you restarted the typescript server, just search `eslint` in the context menu and it should show up `ESLint: Restart ESLint Server`
I actually need to clean up a playlist that has a lot of videos on react tutorials. This video contains all the necessary information. The latest information is right here.
For everyone who got the discord error "Try signing in with a different account" when trying to log on production, this is what worked for me: the problem, for what i understand, happens when you add the environment variables on vercel. if you copy to clipboard the database_url from planetscale, it copies the url with a bunch of asterisk to hide your password. so first thing i tried was to copy the full url from vscode. if this still doesn't work, you may have the wrong url. on planetscale, go to your main branch, click connect and reset your password. when you did it the first time you probably had the dev branch selected, be sure to have the main one selected now. copy this DATABASE_URL both in your vercel env variables. save everything, npm run dev, cross your fingers :) this worked for me, hopefully it helps
Just what I needed! as always, Kyle. You're one of my favourite front-end web content creators I take the most value from. Appreciate it man!
Рік тому+4
The speed on which you think, speak, and write code at the same time is just out of this world. Unbelievable. Even on 0.9 speed, its still fast for me. :D I'm just a mere mortal compared to you!
The speed is uncomfortable, you are right. The speed is fast because there is no 'thinking' at all. He always looking for the reference on another display. Im not sure if there is any sense to show speedruns like this.
@@poznianski All tutorials make use of references. If they tried to create complex applications from scratch (along with all the thinking and debugging it involves) the tutorials would be very lengthy. Also the explanations wouldn't be as clear. Dev Ed has a video about this topic. Plus there are other channels that build from scratch but that's more for people trying to learn how to go through the thinking process etc.
Kyle, love all your videos! It would be amazing if you could also teach us how to have that shortcut with gh to create the whole repo with the LICENCE!
simply the best youtube tutorial I have ever seen, you know how to teach and it's easy to understand, that's is everything we need so I wanna say thank you for sharing this!! you are amazing, thank you so much
around 52:43, i have changed "const tweet = await ctx.prisma.tweet.create into "const tweet = await ctx.db.tweet.create " which have worked for me without adding stuff into eslintrc.cjs. i am using nextjs 13.5.6. Maybe this helps. :)
Anyone else have issues with the login with Discord working even after populating the Main branch with the tables? Mine still isn't working and I've gone through and it seems like everything was set up properly. The error message isn't proving too helpful
@@jonjackson9174 I still might be having issues with this same problem - what was the fix? I had copies the database url from PlanetScale which had the encrypted ******* characters still in it. Generated a new password and copies the new URL to Vercel but didnt seem to resolve
37:00 - Intead of using the type you could create an interface and exnted ComponentProps `interface ButtonProps extends ComponentProps {}` this way you don't have to write nor copy the lengthy DetailedHTMLProps
I am getting the "Try signing in with a different account." error from the 16:00 even after pushing the production DB. Any ideas as to how to fix this?
I got this error as well. On PlanetScale, I did not create a password for the main branch. After I created a password for the main branch, then passed in the environment variable to Vercel, it fixed the error.
Make sure when you copy Url from planetscale to environment on Vercel you have the correct pass instead of string of stars because it is different in the video you might miss it.
thanks for another great video! but i cant log in on to the production environment link via discord, dose anybody knows why? I can see that my db has all the tables that i needed!
I like the tutorial Kyle ... I have gone over this several times I always seem to get different errors for various reasons the last time - now I am getting this error where in the >> server >> routers >> example.ts - even before I change the name to tweet.ts it won't allow prism seems to be some kind of weird bug ? - I could be doing something wrong, but I went through the steps again and got the same error the second time AT: 49:26
I figured out that the syntax changed to db instead of Prisma Now I am getting another error towards the end of the video around the 2 hour mark " unable to read property of length undefined" this thing is annoying
Thanks for the vid! I'm about half way. I notice that you use == in the if instead of ===. Is there a reason why? I thought it was good practice to use ===. Thanks!
Sorry but I am still getting the error of "Try signing in with a different account." even after deploying my schema from dev to production. Please can anyone help. at 16:09
at 13:48 when I clicked the copy to clipboard button it actually copied my database url with my password being a bunch of stars. When i copied and pasted the actual database url from the .env file into the vercel field and redeployed then it started working for me.
This is a great tutorial and I've followed along with most of your tutorials. However, every single time I run a T3 app now, inside the default _app.tsx page that's created, if I just wait a few moments then creates an error message that I can never get rid of. Keep in mind this is an error message that forms no matter what computer I'm on and without editing any code. Everything about your tutorial is great and helpful, but I've done this about 6 or 7 times now and really do not like that a default load of a T3 comes with this error message. 'Component cannot be used as a JSX component'
At 17:05, after updating the database on Planetscale, did anyone else still have the "please sign in with a different account" error on the Discord auth stay unresolved? :/. I double checked all the environment variables on Vercel etc - wondering if I'm missing anything!
Make sure when you copy Url from planetscale to environment on Vercel you have the correct pass instead of string of stars because it is different in the video you might miss it. (I found the answer further down in the comments)
@@LucLev hey thanks heaps for the reply! Just to confirm, on Planetscale, when you are copying the database URL in the .env section, you swap out the stars for the password at the top of the page?
Is anyone else getting an error when authenticating on production? Dev works fine, but looking at the Vercel logs I get an OAuthCallbackError: "State cookie was missing". Anyway, great tutorial Kyle - thanks as always for uploading.
I'm sorry if I missed the explanation in the video but why do you not have to add "use client" to you components, even though they are using react hooks and enable user interactivity?
Okay, so this TextArea "adaptive resize" doesn't work on Firefox, while working on Chrome. I run both on my localhost, and Chrome renders the placeholder fine, while Firefox hides half of it, as if this whole resizing hook-ref logic doesn't work. :( //EDIT: fixed that by using react-textarea-autosize library
Faced same issue on Firefox. Did not want to install a library for that, so I ended up with the following code: function updateTextAreaSize(textArea?: HTMLTextAreaElement) { if (textArea == null) return; textArea.style.height = "0"; // Workaround for Firefox. textArea.style.height = `${ textArea.scrollHeight < 60 ? 60 : textArea.scrollHeight }px`; } Basically, I'm making sure the minimum height of the textArea is 60px.
In one place you mentioned invalidating data to fetch all data again. We can also try invalidate only one record i think ( like -> utils.post.byId.invalidate({ id: input.id });
Thanks for this wonderful tutorial. I have an issue though. When I go to the production site I get a 'Deceptive site ahead' warning from Chrome. When I try to login with Discord I get the 'Try signing in with a different account' error. Did anyone also had this issue? How can I solve this security error?
when i am trying -> openssl rand -base64 32 error -> 'openssl' is not recognized as an internal or external command, operable program or batch file. [WIndow 11]
17:12 Discord login works just fine in local, but in the production build no matter what I do, it's not working. It says Try signing in with different account. I made a new database, doesnt work I made a new app in discord again, doesnt work Re added the variables. doesnt work oauth callback error showing in the url, when I try to authorize. please help anyone. thank you
I loved the tutorial but I have one question is there any method in trpc to pre charge the like and make a clean up on error ? Because it take some time to make effect
My Follower Count is showing correct number when viewing through Page source even before SSG Revalidatoin, while me Follow/Unfollow button is taking some time to change from Follow to Unfollow everytime I visit the profile page (same behavior with or without SSG revalidation anyone else facing same behavior?
I'm having a problem with the Follow/Unfollow button taking some time to load and also resetting to Follow if I click on any profile image in the tweets leading to the same page. What could it be?
production mode does not work, keep getting in 'sign in with different account error.' Gone through the first 20 minutes of this video twice incase i missed something but nothing is working. Is there an update to the process not covered in video???
I get a useInfininteQuery isn't exposed on the caller (in your case infiniteFeed) but my caller is obviously different. How did you get the useInfiniteQuery to be exposed?
@@emmanuelezeagwula7436 tRPC is for type safety BTN client and server , which is made unnecessary if the "backend" calls are made directly from the components , the types are right there next to the actual components . You should try it, it's awesome
@@hakuna_matata_hakuna if you work on backend, could you show me idea of fixing the type error about cursor: cursor: cursor ? {createdAt_id: cursor} : undefined; I read about cursor in Prisma, it seems to be an Int like limit, so that's not any surprise why TS won't accept that, which is actual code given by Kyle in the video. Also: @@unique([createdAt, id]) seems working and TS suggested createdAt_id, but I can't use that. Also: {id: cursor} causes an error, but this is again used by Prisma documentation. That will be fancy debugging I believe.
question please, so next-auth obviously makes it super easy to log in with Discord, or GitHub etc now, I would like to be able to keep that but also have my own users table, I know that I can handle it all with CredentialsProvider, implement my own logic - that's all fine so an actual question is the following, if I want to keep Prisma schema(User,Session,Account,VerificationToken) to be able to log in with Discord, but ALSO! I want to be able to register users, can I just use User prisma schema, add password field to it? or should I have separate users table(which sounds like a madness) or what exactly should I do?
in the deployment setup stage I am getting "try another user" error from discord in production but not in development. I have ensured all environment variables have been modified correctly via verbal. Unsure what's happening
u happen to find the fix. I keep reading solution about how the password is copied as starts instead of the actual password (which is what it should be) but that fix does not help
I kept getting "Try signing in with a different account" just like in 16:10. But I have my prod database. I even tried just using SQLite and pushing the database file to Git. Worked on local, same error on Vercel. Is there any way to debug this error? Btw thank you for this video!
u happen to find the fix. I keep reading solution about how the password is copied as starts instead of the actual password (which is what it should be) but that fix does not help
@@travelingtramp Sorry I don't understand...? I haven't found any solution yet. I even tried Google Auth and got the same issue (works on local, not on Vercel)
@@travelingtramp hi , on vercel if you have the error try push on main, it will "rebuild" the vercel and then if you have the correct database-url without the password mask that should work fine, for me it work fine after this
Anyone here encountered an issue where if my browser is at full height, infinite loading of recent tweets does not work? But when I resize the height of browser it does. Edit: To anyone experiencing this as well, I set the value of limit to a higher value e.g. 12, when I used the infinite query. Issue seems to be that I have a 2k resolution so it already shows the 10 tweets so the scrollbar does not appear.
I skipped that part as I am not actually writing a twitter clone. I assume the trigger for loading more is that you scroll and reach the end of the page. What you can do to fix this issue for any screen is to make the root container min height be 100% of the page + 1 pixel. This means any user will be able to scroll the page in any case. This means you don't have to change the behavior of your app nor do you have to account for extreme cases such as 8k screens or people having their screens in portrait mode.
I got stuck in an error in the "npm run dev" command :( Have someone found this also? "(...)node_modules ext\dist\server\web\spec-extension\adapters\headers.js:187 [Symbol.iterator]() { ^ TypeError: Class extends value undefined is not a constructor or null"
Here's my biggest concern with these tutorials. Not Amazon nor Ebay are using react, next, ORMs and nobody is really asking why. All are aboard the hype train to vercel land. None of these are made for high-performance, front-facing apps. A social media site is a massive, resource intensive thing. This is exactly whats going with Wordpress, it powers 30% of web apps, and its solely responsible for 100x performance loss everywhere. Programming became an assembly job, whos biggest achievement is reinventing PHP after 30 years, just slower
Thats not true, prisma is slow but web dev exp is nice, ofc if u do some small project and u dont have a lot of queries prisma can help u, but for bigger projects u will look to change it, ofc amazon wont use prisma, but i will use for freelancing projects
Well said, I have been diving in lower level languages such as c++ and golang. They are really simple, it's just that it's a bit inconvenient, since you have to talk to the client via api, or something, this is why there are millions of js framework, all of which make this connection easier. Tbh, I don't find it too hard, it's just that people are literally more lazier than ever. Sad really.
Great video. Small notes:
- When deploying to Vercel - you don't need to enter a NEXTAUTH_URL, it will use the `VERCEL_URL` automatically
- At 51:40 - you need to restart the eslint server too sometimes - especially when you have the `recommended-requiring-typecheck` config setup. It can be done the same way you restarted the typescript server, just search `eslint` in the context menu and it should show up `ESLint: Restart ESLint Server`
Thank you for letting me know!
it's still giving me trouble with both the reset and the configuration he did...any thoughts??
I actually need to clean up a playlist that has a lot of videos on react tutorials. This video contains all the necessary information. The latest information is right here.
Would love to see a continuation of this with things like SEO, optimisations, and a messaging system
this is a godsend. i'm exploring the JS world and everything about next.js seems incredibly promising
Wow, this is incredible!! You are one of my favorite youtubers. Great video!
For everyone who got the discord error "Try signing in with a different account" when trying to log on production, this is what worked for me:
the problem, for what i understand, happens when you add the environment variables on vercel. if you copy to clipboard the database_url from planetscale, it copies the url with a bunch of asterisk to hide your password. so first thing i tried was to copy the full url from vscode.
if this still doesn't work, you may have the wrong url. on planetscale, go to your main branch, click connect and reset your password. when you did it the first time you probably had the dev branch selected, be sure to have the main one selected now.
copy this DATABASE_URL both in your vercel env variables.
save everything, npm run dev, cross your fingers :)
this worked for me, hopefully it helps
@@qlevrqt8886 I was facing similar issue. I had to redeploy the app again to make it work
Just what I needed! as always, Kyle. You're one of my favourite front-end web content creators I take the most value from. Appreciate it man!
The speed on which you think, speak, and write code at the same time is just out of this world. Unbelievable. Even on 0.9 speed, its still fast for me. :D I'm just a mere mortal compared to you!
The speed is uncomfortable, you are right. The speed is fast because there is no 'thinking' at all. He always looking for the reference on another display. Im not sure if there is any sense to show speedruns like this.
@@poznianski All tutorials make use of references. If they tried to create complex applications from scratch (along with all the thinking and debugging it involves) the tutorials would be very lengthy. Also the explanations wouldn't be as clear.
Dev Ed has a video about this topic. Plus there are other channels that build from scratch but that's more for people trying to learn how to go through the thinking process etc.
Please make more videos like using t3 stacks with stripe integration!! I love your contents :)
Yes stripe integration tutorial would be nice
Rare to see Kyle post a 2hr long video
Biggest W ❤
Kyle, love all your videos! It would be amazing if you could also teach us how to have that shortcut with gh to create the whole repo with the LICENCE!
Same!
Dear Jedi Kyle, I am hoping to spend more time learning from you very soon.
Thank you for your amazing communications.
I appreciate you!
Ahhh I just love this Stack so much... I'M READY
simply the best youtube tutorial I have ever seen, you know how to teach and it's easy to understand, that's is everything we need so I wanna say thank you for sharing this!! you are amazing, thank you so much
Thank you! The part with the backend part for the infinite scroll part helped me a lot.
you should do more of these tutorials using fullstack next js
around 52:43, i have changed "const tweet = await ctx.prisma.tweet.create into "const tweet = await ctx.db.tweet.create " which have worked for me without adding stuff into eslintrc.cjs. i am using nextjs 13.5.6. Maybe this helps. :)
Thank you for this tutorial. It seems like u go over everything & using some good tech which I needed!
Thats my favourite stack!!!! I recently created a playlist sharing site using the t3 stack.
I am learning React now😃
Great tutorial. not too long and packed with useful info
Can you make a tutorial explaining all the changes that have been introduced with the app/ directory?
Great video, been wanting this for a while!
Thanks Kyle as always!
BTW I'm now 18 years old 🎉
Happy Birthday
👍
hbd
Mazal tov
Thanks for this tutorial. Needed this.
Anyone faced Chrome marked deployed site on vercel as Deceptive site ahead?
The Best Mix Of Components 🍹✨
Shalom Jedi K
WOW, this looks very complicated and exciting at the same time.
Anyone else have issues with the login with Discord working even after populating the Main branch with the tables? Mine still isn't working and I've gone through and it seems like everything was set up properly. The error message isn't proving too helpful
I did a small change and deployed the application again and it worked. Just FYI for anyone that might have ran into this as well.
@@jonjackson9174 I still might be having issues with this same problem - what was the fix? I had copies the database url from PlanetScale which had the encrypted ******* characters still in it. Generated a new password and copies the new URL to Vercel but didnt seem to resolve
@@jonjackson9174 what was the change??
i have been waiting for this thanks you so much
Such a great video! Thanks!
You're welcome!
Great video once again! Thanks so much.
37:00 - Intead of using the type you could create an interface and exnted ComponentProps
`interface ButtonProps extends ComponentProps {}`
this way you don't have to write nor copy the lengthy DetailedHTMLProps
More of these videos! This is awesome!
I am getting the "Try signing in with a different account." error from the 16:00 even after pushing the production DB. Any ideas as to how to fix this?
I have the same problem
I got this error as well. On PlanetScale, I did not create a password for the main branch. After I created a password for the main branch, then passed in the environment variable to Vercel, it fixed the error.
@@JesusSlanda I tried but it doesn't fix for me.
Make sure when you copy Url from planetscale to environment on Vercel you have the correct pass instead of string of stars because it is different in the video you might miss it.
@@rafabochniewicz9268 Thank you! That was the case for me.
Good bro building project is the thing! Not just teaching the codes.
hahaha I just saw this in my feed🤣. Seems the UA-cam algorithm knows what's up!
Is tRPC still relevant since we got server actions?
I was wondering the same thing 🤔
It will remain relevant as long as Server Actions is still in experimental.
Waiting for this... Thank you 😊
a similar tutorial but with the app dir would be very appreciated
Thanks Bro...
Waiting for vedios like this
Thanks. I will make this one.
Wow, it is really amazing ❤
Going to check this video, interesting stack! Hey lets Jam sometime, i can see some nice gear on the background 😅
Great video!
thanks for another great video! but i cant log in on to the production environment link via discord, dose anybody knows why? I can see that my db has all the tables that i needed!
Check your Prod DB password. (Make sure it doesn't include "****")
I like the tutorial Kyle ... I have gone over this several times I always seem to get different errors for various reasons the last time - now I am getting this error where in the >> server >> routers >> example.ts - even before I change the name to tweet.ts it won't allow prism seems to be some kind of weird bug ? - I could be doing something wrong, but I went through the steps again and got the same error the second time AT: 49:26
my errors won't go away even with everything he told us to do in the config file!
I figured out that the syntax changed to db instead of Prisma
Now I am getting another error towards the end of the video around the 2 hour mark " unable to read property of length undefined" this thing is annoying
Thanks for the vid! I'm about half way. I notice that you use == in the if instead of ===. Is there a reason why? I thought it was good practice to use ===. Thanks!
The == compares two objects with converting types. === compares to objects exactly
1 == "1" true
null == undefined true
1==="1" false
null === undefined false
Finally it dropped 💥💥
Sorry but I am still getting the error of "Try signing in with a different account." even after deploying my schema from dev to production. Please can anyone help. at 16:09
I have the same issue and i can't solve it :(
same here, did you guys solve it?
at 13:48 when I clicked the copy to clipboard button it actually copied my database url with my password being a bunch of stars. When i copied and pasted the actual database url from the .env file into the vercel field and redeployed then it started working for me.
@@ThePizzaGamer does not work anymore
😮 Nice flow
Why discord oauth login? Is it necessary or in there for marketing purposes?
I am going to watch this full video
This is a great tutorial and I've followed along with most of your tutorials. However, every single time I run a T3 app now, inside the default _app.tsx page that's created, if I just wait a few moments then creates an error message that I can never get rid of. Keep in mind this is an error message that forms no matter what computer I'm on and without editing any code. Everything about your tutorial is great and helpful, but I've done this about 6 or 7 times now and really do not like that a default load of a T3 comes with this error message.
'Component cannot be used as a JSX component'
chat gpt will fix the bug for you
You're a blessing
At 17:05, after updating the database on Planetscale, did anyone else still have the "please sign in with a different account" error on the Discord auth stay unresolved? :/. I double checked all the environment variables on Vercel etc - wondering if I'm missing anything!
Hey Josh did you ever manage to fix this I was trying today. might go the clerk route if there isn't a fix.
Make sure when you copy Url from planetscale to environment on Vercel you have the correct pass instead of string of stars because it is different in the video you might miss it.
(I found the answer further down in the comments)
@@LucLev hey thanks heaps for the reply! Just to confirm, on Planetscale, when you are copying the database URL in the .env section, you swap out the stars for the password at the top of the page?
Is anyone else getting an error when authenticating on production? Dev works fine, but looking at the Vercel logs I get an OAuthCallbackError: "State cookie was missing".
Anyway, great tutorial Kyle - thanks as always for uploading.
Yeah me too
me as well
also experiencing this problem
could you do something like this but using the new version of nextjs? it would be nice
great video btw
Yeah, I also wonder how different this would be using RSCs and the app router.
I just want to learn TRPC and my fev youtuber put it ❤😅
I'm sorry if I missed the explanation in the video but why do you not have to add "use client" to you components, even though they are using react hooks and enable user interactivity?
In this tutorial he is using Pages directory instead of latest App dir.
In app dir you have to mention "use client" to use hooks
Create more react based projects please
Okay, so this TextArea "adaptive resize" doesn't work on Firefox, while working on Chrome. I run both on my localhost, and Chrome renders the placeholder fine, while Firefox hides half of it, as if this whole resizing hook-ref logic doesn't work. :(
//EDIT: fixed that by using react-textarea-autosize library
Faced same issue on Firefox.
Did not want to install a library for that, so I ended up with the following code:
function updateTextAreaSize(textArea?: HTMLTextAreaElement) {
if (textArea == null) return;
textArea.style.height = "0";
// Workaround for Firefox.
textArea.style.height = `${
textArea.scrollHeight < 60 ? 60 : textArea.scrollHeight
}px`;
}
Basically, I'm making sure the minimum height of the textArea is 60px.
Heads Up! Free tier for planetScale retired in April 2024 :( .
In one place you mentioned invalidating data to fetch all data again. We can also try invalidate only one record i think ( like -> utils.post.byId.invalidate({ id: input.id });
Bro, do you have any video on the git cli shortcut? 12:52
I got the unsafe return error to go away by restarting the eslint server.
Thanks for this wonderful tutorial. I have an issue though. When I go to the production site I get a 'Deceptive site ahead' warning from Chrome. When I try to login with Discord I get the 'Try signing in with a different account' error. Did anyone also had this issue? How can I solve this security error?
I always have this issue on Vercel. I was reported my site to Google as a false positive. You can find this form in the web. Next day warning was off.
I had this issue because I used my company laptop and they have ZSCaller. If you put "NODE_TLS_REJECT_UNAUTHORIZED=0" into the .env file will work
Seeing this as well
No sure if I should try this since App directory is stable now on Next 13.4
At 43:45 what is the difference between adding the height in a style property and not the className?
As soon as I saw tailwind, I knew this video wasn't for me.
when i am trying -> openssl rand -base64 32 error -> 'openssl' is not recognized as an internal or external command,
operable program or batch file. [WIndow 11]
solutions pls
Thats because you don't have openssl on your system. Simple solution is run that command on git bash
Can you include docker ?
17:12
Discord login works just fine in local, but in the production build no matter what I do, it's not working. It says Try signing in with different account.
I made a new database, doesnt work
I made a new app in discord again, doesnt work
Re added the variables. doesnt work
oauth callback error showing in the url, when I try to authorize.
please help anyone. thank you
Did you ever figure it out? Others are having the same issue
@@code7230 not yet bro... scavenging thorugh the forums and other blogs/posts. still stuck
I loved the tutorial but I have one question is there any method in trpc to pre charge the like and make a clean up on error ? Because it take some time to make effect
My Follower Count is showing correct number when viewing through Page source even before SSG Revalidatoin, while me Follow/Unfollow button is taking some time to change from Follow to Unfollow everytime I visit the profile page (same behavior with or without SSG revalidation
anyone else facing same behavior?
Did anyone else discord profile picture not show up for them in this app? It comes out as a broken image for me
learn by doing
Unfortunately planetscale is not free anymore....great tutorial btw
use supabase instead
I'm having a problem with the Follow/Unfollow button taking some time to load and also resetting to Follow if I click on any profile image in the tweets leading to the same page. What could it be?
same
alternative to Vercel for deploy? I'm tried AWS Amplify but doesn't work well.
How do you get getStaticProps revalidated, without passing a `revalidate` prop?
can you make a video about styling terminal like yours
damn great video. 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
production mode does not work, keep getting in 'sign in with different account error.' Gone through the first 20 minutes of this video twice incase i missed something but nothing is working. Is there an update to the process not covered in video???
same issue here
I get a useInfininteQuery isn't exposed on the caller (in your case infiniteFeed) but my caller is obviously different. How did you get the useInfiniteQuery to be exposed?
Next13.4 makes t3-stack redundant, at this point I was only using it for tailwind setup
lol now create-next-app has built in tailwindcss so t3 kinda useless now
how does it make trpc redundant
@@emmanuelezeagwula7436 tRPC is for type safety BTN client and server , which is made unnecessary if the "backend" calls are made directly from the components , the types are right there next to the actual components . You should try it, it's awesome
@@manchurianrice09 duh, was the only thing I used t3 for i didn't use all that other stuff because i use go for backend
@@hakuna_matata_hakuna if you work on backend, could you show me idea of fixing the type error about cursor:
cursor: cursor ? {createdAt_id: cursor} : undefined;
I read about cursor in Prisma, it seems to be an Int like limit, so that's not any surprise why TS won't accept that, which is actual code given by Kyle in the video. Also: @@unique([createdAt, id]) seems working and TS suggested createdAt_id, but I can't use that. Also: {id: cursor} causes an error, but this is again used by Prisma documentation.
That will be fancy debugging I believe.
Hi - Do you have that Github project setup script you use around min 12 publicly available somewhere?
question please,
so next-auth obviously makes it super easy to log in with Discord, or GitHub etc
now, I would like to be able to keep that but also have my own users table, I know that I can handle it all with CredentialsProvider, implement my own logic - that's all fine
so an actual question is the following,
if I want to keep Prisma schema(User,Session,Account,VerificationToken) to be able to log in with Discord, but ALSO! I want to be able to register users, can I just use User prisma schema, add password field to it? or should I have separate users table(which sounds like a madness) or what exactly should I do?
Someone saw this and built Threads
in the deployment setup stage I am getting "try another user" error from discord in production but not in development. I have ensured all environment variables have been modified correctly via verbal. Unsure what's happening
same
u happen to find the fix. I keep reading solution about how the password is copied as starts instead of the actual password (which is what it should be) but that fix does not help
This is such a complex code, thank god Laravel exists
why anyone doesnt ever show how to add nex auth just using credentials ???
post from command line
I kept getting "Try signing in with a different account" just like in 16:10. But I have my prod database. I even tried just using SQLite and pushing the database file to Git. Worked on local, same error on Vercel. Is there any way to debug this error? Btw thank you for this video!
u happen to find the fix. I keep reading solution about how the password is copied as starts instead of the actual password (which is what it should be) but that fix does not help
@@travelingtramp Sorry I don't understand...? I haven't found any solution yet. I even tried Google Auth and got the same issue (works on local, not on Vercel)
@@aximili6419 did you also go into the project's source code in vercel and take a look at the prisma > schema.prisma file? Is it the updated one?
@@travelingtramp hi , on vercel if you have the error try push on main, it will "rebuild" the vercel and then if you have the correct database-url without the password mask that should work fine, for me it work fine after this
Anyone here encountered an issue where if my browser is at full height, infinite loading of recent tweets does not work? But when I resize the height of browser it does.
Edit: To anyone experiencing this as well, I set the value of limit to a higher value e.g. 12, when I used the infinite query. Issue seems to be that I have a 2k resolution so it already shows the 10 tweets so the scrollbar does not appear.
I skipped that part as I am not actually writing a twitter clone. I assume the trigger for loading more is that you scroll and reach the end of the page. What you can do to fix this issue for any screen is to make the root container min height be 100% of the page + 1 pixel. This means any user will be able to scroll the page in any case. This means you don't have to change the behavior of your app nor do you have to account for extreme cases such as 8k screens or people having their screens in portrait mode.
@NubeBuster oh yeah. that would work, thanks for this!
I got stuck in an error in the "npm run dev" command :(
Have someone found this also?
"(...)node_modules
ext\dist\server\web\spec-extension\adapters\headers.js:187
[Symbol.iterator]() {
^
TypeError: Class extends value undefined is not a constructor or null"
If anyone got this, just update npm. at least i solved this by updating nodejs and node and now works ok.
can you build this with just vanilla js and vanilla php?
Here's my biggest concern with these tutorials. Not Amazon nor Ebay are using react, next, ORMs and nobody is really asking why. All are aboard the hype train to vercel land. None of these are made for high-performance, front-facing apps. A social media site is a massive, resource intensive thing.
This is exactly whats going with Wordpress, it powers 30% of web apps, and its solely responsible for 100x performance loss everywhere. Programming became an assembly job, whos biggest achievement is reinventing PHP after 30 years, just slower
That's correct. Web developers are becoming more of a 3rd party service integrators than "engineers", if we ever were.
Millions of VC money is spent on tech influencers to tell devs how useless they are and they need third party services to do anything.
Thats not true, prisma is slow but web dev exp is nice, ofc if u do some small project and u dont have a lot of queries prisma can help u, but for bigger projects u will look to change it, ofc amazon wont use prisma, but i will use for freelancing projects
Well said, I have been diving in lower level languages such as c++ and golang. They are really simple, it's just that it's a bit inconvenient, since you have to talk to the client via api, or something, this is why there are millions of js framework, all of which make this connection easier.
Tbh, I don't find it too hard, it's just that people are literally more lazier than ever. Sad really.
At ua-cam.com/video/jqVm5_G1ZEE/v-deo.html "Deploy Request" is only available in paid version of PlanetScale?
PlanetScale allows you to use their free version but you need to add your card details before you can use it
does this work in linux on chromebook?