AI Driven Portfolio with Next JS and Vector Embeddings 🔥🔥

🔴 Build now with Astra DB: dtsx.io/RodesideCoder
➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% off)
🟪 My Instagram - / roadsidecoder
Build an AI Driven Portfolio App with NextJS and Tailwind CSS. We will learn advance AI Technologies like vector embedding and vector databases along with how to work with Open AI's APIs. This is an amazing project to impress recruiters a lot and showcase your skillset.
🔗 React JS Interview Series -
• Frontend Machine Codin...
➡️ Source Code - github.com/piyush-eon/ai-port...
➡️ Book a mentorship call with me - topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
/ discord
🔗 MERN Stack Chat App Tutorial -
• MERN Stack Chat App wi...
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
🔗 JS Interview Series -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 Tazorpay Interview Experience -
• Frontend Interview Exp...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
#reactjstutorial #frontend #nextjs
-------------------------------------------------------------------------
00:00 Intro
01:14 Setup new Next JS App
02:24 Preparing the data
03:48 Setup a Vector Database
04:24 What are vector embeddings?
05:38 How to create vector embeddings?
06:57 Adding data to the Vector Database
18:00 Building the Backend
27:01 Building the Frontend
32:35 useChat Hook
-------------------------------------------------------------------------
⭐ Support the channel -
/ @roadsidecoder
Special Thanks to our members -

[@RoadsideCoder]

Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥
roadsidecoder.com/course-details (50% Discount for limited time)

[@ashishmadan5700]

One more amazing tutorial, thanks for bringing such a quality content ❤️

[@ajiteshmishra0005]

Brother, please create one video on Redux and Redux Toolkit in any React Application so that we can lear Redux from scratch........
Also, JWT authentication and authorisation technique in any React Project.

[@shobhitgarg6897]

Thanks for making such good content. Just one general feedback for your videos, please try to explain things in more detail. It seems like you are just saying what you are typing.
Hope you take it positively!

[@mehr4294]

Bro will you be continuing DSA in JS playlist. Kindly give an update on that. Thank you in advance

[@rizviali9002]

Best creator 😎

[@AK-ln2ko]

ChatGPT API is not free to use. Instead, you can use Gemini API, but it has a limit of 768 dimensions.

[@RoadsideCoder]

U will get free credits when u create new OpenAI Account

[@Karthikmohan2310]

How to get free credits from open ai?

[@sujendranluvmurffin9867]

VIT , I think you are familiar in TAMIL

[@aryaaannn]

Even though I have created a new openAI account with new number I am still getting the same error of 'insufficient_quota' please help😥😥😟.

[@RoadsideCoder]

have u used new mobile and email?

[@aryaaannn]

@@RoadsideCoder Yes sir

[@user-de8bj8ll9l]

Why you are not using Typescript?

[@scratch6594]

At most, this should be a chatbot popup on your portfolio website.

[@imkir4n]

Exactly. No one wants to waste time by asking to bot straightaway.

[@RoadsideCoder]

Yes that's good use case, the main aim of this video is to teach vector embedings and db.

[@HarshdevTripathi]

when i try to node ./db/loadDb.js it say s insufficient quota

[@harshvardhanrathore7751]

@RoadsideCoder pls help in this issue

[@RoadsideCoder]

You need to create a new Open AI Account, your free credits have been expired