15:00 you can just use flex-direction: 'column-reverse' and it will make you stick to the bottom while the new message will be streaming, there's no need for any hooks to achieve that
Love this…, glad I found your channel a few months ago. After being a php dev for 15 years, and getting very bored, I recently moved over to react etc. Problem now is that I’m so overwhelmed with deciding on a solid stack to build on. I’m all about Nextjs, but authentication, databases, etc sometimes is a tough call without the experience to help decide.
While I don't like relying on AI to do everything, I do like using it to collect answers from a specific document(s). Thanks Dave, looking forward for more AI/LLM stuff
It does not answer without credit card with 0$ credit. Gives Error: 429 You exceeded your current quota, please check your plan and billing details. (never used it before so i've not exceeded anything)
It is inexpensive, but yes, the OpenAI API is not free. There are other providers you can try listed under providers here: sdk.vercel.ai/docs ..I do not know the costs of each at this time.
am learning html ,css,js, ts ,react, next js, node ,express ,phyton ,talawind css . all by you you are realy amazing keep it up there is many videos on you tube but your videos are very hard and more than a book and university. if you have a time please build project video course. bc one your video make me understand every thing. thanks keep it up
I was able to run your code pulled from Github. However, it looks like Vercel changed their documentation already, so I wasn't able to follow along. I also couldn't get the code from their new documentation to work. Looks like it's not pulling in the OpenAI API correctly and I don't see any code for that.
Hello Dave. Thank you for this tutorial. I was following it to build the project and couldn't proceed as I can not find the link to the "In Client Components". Do you mind guiding me to it please? Thanks.
Thanks for the clean walkthrough, Dave. Does the ai sdk come with history context out of the box? For example, if you were to ask about hotdogs in the first message and then in the second message just asked “where are they from” would it know you’re talking about hotdogs?
Yes. For example, I can ask "Which US state produces the most wheat?" It answers "Kansas produces the most wheat." Then I can ask, "What else is that state known for?" And then it says "Kansas is also known for..." and goes on to list several things. In the 2nd question, it knows the state provided in the answer from the 1st question.
kind of unrelated question about the video but, do we really need to write @lates? Doesn't omitting it already download the latest version of NextJS (or any other npm package?)
Just wanted to ask a question. If i wanna be a backend web developer, which skill is best suited to excel in it ? I mean there is mean and mern , but what else might be needed?
Sir can you make some tutorials about how we can implement generative AI that can be used in web applications like nextjs with proper backend data analytics operations that would be cool to explore❤❤
Hmm, just guessing that you are describing a tech stack. You use different technologies together to build an application. This can be different languages with JavaScript in the frontend, and a completely different language like PHP, Python, or C# on the backend.
WAIT NEXT JS HAVE AI I thought I gonna back on Python. But the PaaS I using now just give me 512 MB and a tiny 0.1 CPU because I don't want to pay yet.
OpenAI is the most well-known which is why I used it. It costs pennies for an example project. That said, you can use other LLMs instead for the same project.
That's a very weird mindset, we all know that ai is gonna be more prominent as the years come and we would all benefit from it. And also just from a developer standpoint it's really fucking cool
15:00 you can just use flex-direction: 'column-reverse' and it will make you stick to the bottom while the new message will be streaming, there's no need for any hooks to achieve that
which one is better.
@@bilalillahi6347 well, I use CSS solution because then there’s no need to use JS
AI is a disruptive technology we can't ignore as developers. Excited about the future of AI & web developement. Love your tutorials!
Right on! 🤘
This is very helpful Dave, Thank You So Much!
Glad it was helpful!
Great Content Keep on Making Such High Quality Next.js tutorials
Thanks!
long time subscriber, thanks for the video!
You're welcome! 🙌
Love this…, glad I found your channel a few months ago. After being a php dev for 15 years, and getting very bored, I recently moved over to react etc. Problem now is that I’m so overwhelmed with deciding on a solid stack to build on. I’m all about Nextjs, but authentication, databases, etc sometimes is a tough call without the experience to help decide.
Welcome and glad you liked it!
thank you so much dev , you're my mentor
Thank you Dave Gray for these kind of tutorials.
You're welcome!
thank you so much Dave, it was so helpful.
Great as always!
Thank you! Cheers!
Oh my God, my favourite tutor is getting old 😭😭😭. Older, wiser, and stronger 💪
😆 I do look older when I don't shave.
Great work bro
While I don't like relying on AI to do everything, I do like using it to collect answers from a specific document(s).
Thanks Dave, looking forward for more AI/LLM stuff
You're welcome my friend! Have a great weekend 🚀
Thank you so much for the wonderful tutorial. love your contents
You are so welcome!
It does not answer without credit card with 0$ credit.
Gives Error: 429 You exceeded your current quota, please check your plan and billing details. (never used it before so i've not exceeded anything)
It is inexpensive, but yes, the OpenAI API is not free. There are other providers you can try listed under providers here: sdk.vercel.ai/docs ..I do not know the costs of each at this time.
I had this same issue
hi bruh, I just get the same issue, you can change the provider, I use the google provider and everything is working fine. hope this help! cheers.
@@setiawansetya9776 Yes gemini-1.5-flash is much better
Thanks for making such a wonderful video.
am learning html ,css,js, ts ,react, next js, node ,express ,phyton ,talawind css . all by you you are realy amazing keep it up there is many videos on you tube but your videos are very hard and more than a book and university. if you have a time please build project video course. bc one your video make me understand every thing. thanks keep it up
I was able to run your code pulled from Github. However, it looks like Vercel changed their documentation already, so I wasn't able to follow along. I also couldn't get the code from their new documentation to work. Looks like it's not pulling in the OpenAI API correctly and I don't see any code for that.
OpenAi api is not free
thankyou Dave
Welcome!
Thank you so much Dave
Great content!
Thank you!
Hello Dave.
Thank you for this tutorial.
I was following it to build the project and couldn't proceed as I can not find the link to the "In Client Components".
Do you mind guiding me to it please?
Thanks.
Thank you dave 👏👏
Welcome!
Thanks for the clean walkthrough, Dave.
Does the ai sdk come with history context out of the box? For example, if you were to ask about hotdogs in the first message and then in the second message just asked “where are they from” would it know you’re talking about hotdogs?
Yes. For example, I can ask "Which US state produces the most wheat?" It answers "Kansas produces the most wheat." Then I can ask, "What else is that state known for?" And then it says "Kansas is also known for..." and goes on to list several things. In the 2nd question, it knows the state provided in the answer from the 1st question.
@@DaveGrayTeachesCode cool. Thank you for the quick response
@@DaveGrayTeachesCode Kansas is known as being the home state of Dave Gray, I believe.
How can I improve my git/github skills as I want to prepare for working with a team?
Thank you Dave 😊😊..
perfect. thanks!
You're welcome!
Can we train this model as according to our requirement?
Like, if we are using in coaching class chat bot then he might be reply about pricing .
Subscribed, thank you! Your reminder to subscribe was good to have lol.
Thank you Dave
Welcome!
Should I use server actions in production?
kind of unrelated question about the video but, do we really need to write @lates? Doesn't omitting it already download the latest version of NextJS (or any other npm package?)
Thank you dave bhai.
I am following the nestjs series. Its so good. Are you considering to covering more indepth tutorial in nestjs.
Possibly in the future. A few other topics to cover first.
Hey Dave, I know this is a little off subject but what vs code theme do you use. Thanks for all your teaching
hmmm seems they changed the docs
Wishing you good health.❤
Thank you! You too!
Wow, I didn't know it was that simple. Thank you so much.
Is it possible to use custom GPTs? Like the ones you pass extra knowledge and instructions.
Yes you can do more with prompting.
also im following this course now, is nextjs 14.2.2 worked again? recantly it was broken.also
Hi Dave, can you make a video on how to implement multiple custom themes beyond just dark or light mode with Shadcn.
Thanks for the request! 🚀
Just wanted to ask a question.
If i wanna be a backend web developer, which skill is best suited to excel in it ?
I mean there is mean and mern , but what else might be needed?
Backend development can focus on Node.js, Express and learning about common databases. Other options are available, too: Python, PHP, C#, more.
@@DaveGrayTeachesCode
As a 1st yr student which field would you suggest to move into , web development or data science ?
interesting , Thanks Dave
You're welcome!
Nice little tutorial to kick start our A.I. adventure. Thanks, Dave!
{2024-04-21}
The great content.
Thank you!
Sir can you make some tutorials about how we can implement generative AI that can be used in web applications like nextjs with proper backend data analytics operations that would be cool to explore❤❤
Dave please please explain about n something i forget its name, the thing where you xan use more than one language in your apppp
Hmm, just guessing that you are describing a tech stack. You use different technologies together to build an application. This can be different languages with JavaScript in the frontend, and a completely different language like PHP, Python, or C# on the backend.
@@DaveGrayTeachesCode its called i18 or i18next i guess, is it the same thing you wrote about?
I've been thinking about adding a RAG project to my portfolio.
That would be a great way to expand this project. 🙌
Perfect 👌
Thank you! Cheers!
WAIT NEXT JS HAVE AI
I thought I gonna back on Python. But the PaaS I using now just give me 512 MB and a tiny 0.1 CPU because I don't want to pay yet.
good video dave but backup getting in my face haha
Good idea
Thank You Dave but please categorize your AI videos so that when we click on AI playlist we get all.
I do plan to build one 🙌
Hello Dave!
Hello!
@@DaveGrayTeachesCode Thank you for your tutorials!
dave using ai mugshot for his profile pic is funny
Well, I am one of the 25% that scribe to the channel. Do I get a star on my report card?
⭐⭐⭐
Great !
Thanks!
None could care less about IA
I heard your son is graduating high school.
You mean kindergarten right?😁
Ha! I'm glad I look young!
It is useless if we have to pay to do this app as beginners
OpenAI is the most well-known which is why I used it. It costs pennies for an example project. That said, you can use other LLMs instead for the same project.
@@DaveGrayTeachesCode I'll try other LLM's. Thanks for the suggestion.
I would rather lose out on the job than learn AI. I really can't care any less. I just don't see any benefit here.
That's a very weird mindset, we all know that ai is gonna be more prominent as the years come and we would all benefit from it. And also just from a developer standpoint it's really fucking cool
@@normalguy8550 I'm convinced that AI is just the new crypto. It's all smoke and mirrors with little real value.
Great content!