I'm always amazed by how knowledgeable you are in all of these different topics. I've watched and followed along with all of your tutorials so far and I'm more and more impressed each time. Truly amazing what you are doing here and can't thank you enough!
Man, do you read my mind or what the f**k is happening? I can't thank you enough. I am at the beginning of starting my own company, and you come out with exactly what I needed to build my website. For the moment, I don't have any money to spare, but when I do, I will surely support you by buying your course or making a donation.
Kudos and massive appreciation for using the latest and in-demand technologies and your unique perspective in integrating AI chatbots with Langchain for building applications based on LLMs and it showcases a forward-thinking approach that sets you apart in the ever-evolving tech landscape on youtube.
Hey bro great tutorial, taught me alot about langchain. One question I have, how are your responses so quick? As a test case I copied your chat route exactly but am getting 15-20 second response times. Would be great to know if you had any insights about this. Thanks again man!
Do you have any links to the docs where you got this code? I choose this project for a project in my school, so i have to explain this code to my teachers. This video alone wont cover the information i need and since versions of these packages you are using have been updated, the code has been changed and the docs aswell.
Super cool project with which I have made my own website! However, I am a bit confused about our design. Can I follow Tailwind CSS official documentation or have we made our own?
amazing video, super professional, I learned so much, i just have a small thing that is bothering me... at first i thought there was something wrong with my code , but i see the problem from branch "4-Dark-Theme" on all browsers console i see a warning : Warning: Extra attributes from the server: class,style looks like something from ThemeProvider ...do i need to add suppressHydrationWarning some where?
I tried the same, but chat model does not impersonate me. The very first 'kwargs' is the prompt template and the context that I can clearly see in the console. But I don't know why, the model can't even reply my name.
Another geat one, please can you make a video on how to develop a mobile app with react native for an existing next js web app, not PWA but native app using the same data as the next js web app
The re-ordering tailwind values with shift+alt+f doesn't work for me on any video and I've done alot of research trying to figure out why and can't. The format keyboard shortcut works for me as it formats my spacing correctly with prettier but it doesn't add missing semicolons or order my tailwind properties and I'v redone the setup you show in the video multiple times. Can't figure out the issue.
I finally fixed it for anyone having a simillar issue. right click on any document and go to "Format Document with" then select the bottom option to configure the default and set it to Prettier. Mine by dedfault was 'typescript and javascript' and it was causing prettier to not work with the shortcut.
Is it possible to return source documents? You might be searching a website with thousands of pages. Knowing where the chatbot got its answers from is important.
@@codinginflow True, I saw that for the TH-cam link example, but is it guaranteed to always return sources for every answer? My product requires that. My current solution does that, but it's very slow.
Please, I have an old portfolio that I still use. It was built using react, and I'm trying to implement the ai chat functionality. I'm currently stuck at the file loader part. You said NextJS automatically checks /api/chat when using useChat(). But then you changed the code to LangChain's code and it still worked. My question is, does LangChain also check /api/chat? And what changes do I have to make for this to work for me in React?
big brother , if you made tutorial video Like previous job Listing video on server action , then this is much better for your channel like full stack same way in job video and choose different topic. use server action.
@@codinginflow I mean made clone video using server action on different topics like you made previous job listing server action video like that but different topic like different website clone like, buddy
Brother the Image component is saying image has either width or height modified include auto This is my code I also included className h-auto and w-auto
@@codinginflow image we are also building a blog, and we want to give users 10 free questions to the bot. After that, they have to go premium for unlimted questions. How can we integrate that?
@@codinginflow is it also possible to give users for example 10 free questions Every day, and if they want more. They need to take a premium account? How could we integrate that
@@joshbleijenberg4000 Yes. You need authentication. I recommend Next-auth. Then you store the daily question count in the database. I recommend watching my Next-js e-commerce tutorial and then go from there.
Is it also possible to container this whole workflow of creating the bot and make for example an Wordpress plugin of it where website owners only have to put their env variables for example? Ofcourse is everything possible, but what would be a good approach to create something like this?@@codinginflow
I truly thank this video and your tutorial. But, just one thing though, it's making it so hard to listen to you especially with headphones on because of the type of mic you're using. It's making all the sounds you're creating from your mouth so audible I have to pause the audio from time to time. It's better to have these kind of tutorials without using microphones so close in your mouth or use a microphone that's not made for "ASMR". Over all thank you for this tutorial, very helpful!
1:26:01 The components prop is used to customize the rendering of Markdown elements. It accepts an object where the keys are the names of the Markdown elements you want to customize, and the values are React components that will be used to render these "elements" (not links).
hi im encountering a problem at 2:41:26 where the import { AstraDB } from "@datastax/astra-db-ts" line of code says that "Module '"@datastax/astra-db-ts"' has no exported member 'AstraDB'"
solution is change the import import { AstraDB } from "@datastax/astra-db-ts" to import { DataAPIClient } from '@datastax/astra-db-ts'; and then step 2 is use this function instead export async function getEmbeddingsCollection() { const client = new DataAPIClient(token); const db = client.db(endpoint);
return db.collection(collection); } and then continue the video
I'm always amazed by how knowledgeable you are in all of these different topics. I've watched and followed along with all of your tutorials so far and I'm more and more impressed each time. Truly amazing what you are doing here and can't thank you enough!
Thank you for the kind words
Man, do you read my mind or what the f**k is happening? I can't thank you enough. I am at the beginning of starting my own company, and you come out with exactly what I needed to build my website. For the moment, I don't have any money to spare, but when I do, I will surely support you by buying your course or making a donation.
Happy to hear that! Yea I think this kind of website is really useful for different usecases!
Ya he read my mind too. Many times before lol
The same here 😬☝️😅👍
I'm a huge fan of yours, Florian. Appreciate the outstanding content
Thanks GURU (A Sanskrit word means teacher). Love from India
Kudos and massive appreciation for using the latest and in-demand technologies and your unique perspective in integrating AI chatbots with Langchain for building applications based on LLMs and it showcases a forward-thinking approach that sets you apart in the ever-evolving tech landscape on youtube.
Thank you!
A great tutorial will definitely implement it for my portfolio website
Thanks a lot
I have a question. When receiving a response through API, how do receive a response without websocket or sse?
Damn. Thank you so much. Watching from Kenya 🇰🇪
Thank you
great tutorials. Please keep them coming!
More to come!
My question is how will I load also the file components that don't have text? Like example but the text is on that component how will i load it?
Great Content! Thank you for that. RECOMENDED
Thank you very much!
Thank you. This is amazing.
Great content as always. This is a site i would definitely build for myself since I am always worrying about what design to go with. Minimalist wins.
It's a great project to build
Great as always brother. Do you use server actions here bro? When do you use api routes and server actions? Just curious
Server actions don't support streaming this is why we use a route handler here
Hey bro great tutorial, taught me alot about langchain. One question I have, how are your responses so quick? As a test case I copied your chat route exactly but am getting 15-20 second response times. Would be great to know if you had any insights about this. Thanks again man!
It's happening to me as well, didn't figure it out yet, did you ?
@@mysanctuary4017 it resolved itself for me when I deployed to production / vercel
Unique and a Masterpiece man
Thank you so much!
This is amazing , i l need this , really thank you🙏🏻❤
Can we change the db from astraDb to supabase postgres db. Can u assist me on it
How do you recommend I add text? I have 100 pages of text (its a pdf)
Do you have any links to the docs where you got this code? I choose this project for a project in my school, so i have to explain this code to my teachers. This video alone wont cover the information i need and since versions of these packages you are using have been updated, the code has been changed and the docs aswell.
Super cool project with which I have made my own website!
However, I am a bit confused about our design. Can I follow Tailwind CSS official documentation or have we made our own?
Yes you can use any Tailwind classes
I have to upload PDFs. Can I use LlamaIndex or LangChain?
amazing video, super professional, I learned so much, i just have a small thing that is bothering me... at first i thought there was something wrong with my code , but i see the problem from branch "4-Dark-Theme" on all browsers console i see a warning :
Warning: Extra attributes from the server: class,style looks like something from ThemeProvider ...do i need to add suppressHydrationWarning some where?
I think that is caused by some browser extension
What about dynamic data? How can the document be generated?
Amazing Sir
I tried the same, but chat model does not impersonate me. The very first 'kwargs' is the prompt template and the context that I can clearly see in the console. But I don't know why, the model can't even reply my name.
Another geat one, please can you make a video on how to develop a mobile app with react native for an existing next js web app, not PWA but native app using the same data as the next js web app
I'm not really that interested in React Native but we'll see
@@codinginflow Thanks for your help
Can you do one with php or Laravel? Maybe a react frontend?
Can a newbie in software field who doesn't know abc of coding can watch this video and learn from it or should he she knows some prior to this video?
Watch my linked Next.js beginner tutorial first
Amazing content
Thank you very much. Please share it to help the video grow 🤩
Response time is extremely slow, would you know why? Great tutorial BTW
Probably because you are in a low OpenAI tier
wow legendary tutorial
Glad you like it!
Thanks man, I learned a lot
The re-ordering tailwind values with shift+alt+f doesn't work for me on any video and I've done alot of research trying to figure out why and can't. The format keyboard shortcut works for me as it formats my spacing correctly with prettier but it doesn't add missing semicolons or order my tailwind properties and I'v redone the setup you show in the video multiple times. Can't figure out the issue.
Did you set the default formatter to Prettier?
I finally fixed it for anyone having a simillar issue. right click on any document and go to "Format Document with" then select the bottom option to configure the default and set it to Prettier. Mine by dedfault was 'typescript and javascript' and it was causing prettier to not work with the shortcut.
@@iNT3NS3CLUTCH We set up the default formatter in all my Prettier videos
Is it possible to return source documents? You might be searching a website with thousands of pages. Knowing where the chatbot got its answers from is important.
Our chatbot returns the links to relevant pages
@@codinginflow True, I saw that for the TH-cam link example, but is it guaranteed to always return sources for every answer? My product requires that. My current solution does that, but it's very slow.
have you found a solution to that problem? I also need the source documents to do further analysis
Please, I have an old portfolio that I still use. It was built using react, and I'm trying to implement the ai chat functionality. I'm currently stuck at the file loader part. You said NextJS automatically checks /api/chat when using useChat(). But then you changed the code to LangChain's code and it still worked. My question is, does LangChain also check /api/chat? And what changes do I have to make for this to work for me in React?
I think basically, what I'm asking is... Can you use vercel's ai with vanilla react?
You need an API endpoint at /api/chat
big brother , if you made tutorial video Like previous job Listing video on server action , then this is much better for your channel like full stack same way in job video and choose different topic. use server action.
What do you mean
@@codinginflow I mean made clone video using server action on different topics like you made previous job listing server action video like that but different topic like different website clone like, buddy
@@adarshrathi8265 I see. Thank you.
Brother the Image component is saying image has either width or height modified include auto
This is my code
I also included className h-auto and w-auto
Width
@@artistejiro still bro
@@piyushshrestha3651 i mean use small letter for the width and height
Kannst du mir helfen in unity 2d weil ich fliege durch die halbe tilemap
Man, I just realized it's over 3 hours 😄🤯
This is amazing
thank you 😊
@@codinginflow image we are also building a blog, and we want to give users 10 free questions to the bot. After that, they have to go premium for unlimted questions. How can we integrate that?
@@codinginflow is it also possible to give users for example 10 free questions Every day, and if they want more. They need to take a premium account? How could we integrate that
@@joshbleijenberg4000 Yes. You need authentication. I recommend Next-auth. Then you store the daily question count in the database.
I recommend watching my Next-js e-commerce tutorial and then go from there.
Is it also possible to container this whole workflow of creating the bot and make for example an Wordpress plugin of it where website owners only have to put their env variables for example? Ofcourse is everything possible, but what would be a good approach to create something like this?@@codinginflow
I truly thank this video and your tutorial. But, just one thing though, it's making it so hard to listen to you especially with headphones on because of the type of mic you're using. It's making all the sounds you're creating from your mouth so audible I have to pause the audio from time to time. It's better to have these kind of tutorials without using microphones so close in your mouth or use a microphone that's not made for "ASMR". Over all thank you for this tutorial, very helpful!
1:26:01 The components prop is used to customize the rendering of Markdown elements. It accepts an object where the keys are the names of the Markdown elements you want to customize, and the values are React components that will be used to render these "elements" (not links).
The bot on your website is broken. Security issue?
What website?
If possible in your free time
can you make an e commerce website with Ai chatbot sir. Only coder that can make it possible is you sir
Is he still doing Android?
No, I quit Android several years ago. Only web now.
Can you please Tell me your vs code theme and font name?
GitHub Dark and Consolas
@@codinginflow thanks
hi im encountering a problem at 2:41:26 where the import { AstraDB } from "@datastax/astra-db-ts" line of code says that "Module '"@datastax/astra-db-ts"' has no exported member 'AstraDB'"
SAME
solution is change the import import { AstraDB } from "@datastax/astra-db-ts" to import { DataAPIClient } from '@datastax/astra-db-ts'; and then step 2 is use this function instead export async function getEmbeddingsCollection() {
const client = new DataAPIClient(token);
const db = client.db(endpoint);
return db.collection(collection);
} and then continue the video
@@AkmalAshwin thank you so m much my guy
are you german or do you speak german
ja
@@codinginflow ich habe es in einen deiner früheren videos bemerkt
@@DaveundLenz Das heißt mein Akzent ist vielleicht besser geworden 😆
@@codinginflow ja
In this short th-cam.com/users/shorts7r4ahP3PP54?feature=share Which vs code and font you are using?
GitHub Dark
Do you have a discord? :)
dude whats your iq?
200
@@codinginflow no fr tho xD how u went through all of that langchain stuff. that's crazy.
@@lycan2494 Lots of pain and patience 😆
chat gpt provides free api key ? for making chatbots