Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe | Full Tutorial 2023

[@codewithantonio]

Want to get mentored by me? Apply at www.codewithantonio.com/mentorship Hello everyone, thank you for choosing this video. In this tutorial you will learn how to build your own SaaS AI Platform and build 5 different AI tools using models like OpenAI and ReplicateAI. Checkout the description for links and subscribe to the newsletter! ❤

[@durgashukla240]

Great brother

[@Evil_E_ye]

Music generation is not working in my case. I have checked everything even copy pasted your code. Still nothing works in replicate

[@krishnachaitanya4067]

Your demo link is not working

[@saurabhkumarsingh4628]

sir your website is showing error in live demo

[@Evil_E_ye]

@@saurabhkumarsingh4628 that is because he reached his set limit for spending in openapi and replicate

[@Eventyret]

Amazing, next up will be the 10 hour E-commerce! Love the styling and the amount of details that goes into it. Can't belive this is free

[@codewithantonio]

Glad you like it!

[@felype_dev]

I also can't believe all this content is free. Congratulations on your excellent work.

[@thedesigner987654321]

A note for anyone following along, the api code for openai has changed a bit since this video was posted, the api has the most differences so far. You need to use: const response = await openai.chat.completions.create({ model: "gpt-3.5-turbo", messages}); return NextResponse.json(response.choices[0].message);

[@codewithantonio]

Thank you!

[@rishabhgupta5974]

or else you can force install older version of open AI by running `npm i openai@3.3.0` and follow the exact code in the tutorial.

[@cricklightz]

@@rishabhgupta5974 bro still get the error AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} code : "ERR_BAD_RESPONSE" pls help

[@jd2161]

@rishabhgupta5974 why would you do that? Its literally 10 times more expensive

[@edutech8909]

Hi please in the conversation/page.tsx I'm getting error: role does not exist in type OpenAI, same thing with content, I have updated my API to use the v4. Anyway around this ?

[@GavinHHHH]

add "asChild" to fix hydration errors,

[@arkaacharya_7047]

also the free tire of planetScale is gone

[@junaiid0104]

thank you buddy!

[@JorgeMenaDev]

Antonio, I must say, you are absolutely incredible! The quality of your content is truly unmatched, and I am genuinely excited for what is yet to come. Congratulations on your outstanding work!

[@codewithantonio]

Glad you enjoy it!

[@pandipatipavan3804]

PLEASE provide the code files and the links in the description as soon as possible for free. ​@@codewithantonio Thank You so much ❤️

[@nihal2516]

I'm honestly blown away sir. This was my first ever proper project that was deployed and so well done. Your style of guiding us along was amazing and so well put out. Immensely grateful to you and these free top notch tutorials you put out. It took me 5-6 days to complete the project.

[@avishtaukoorah9359]

can i have your github ?

[@faisaliqbal6681]

hello! As the Api key is free which he take from openai like for conversation,voice,image and video.

[@vksskssks]

As a CSE student, I highly commend your quality beginner-friendly tutorials for aiding web programming understanding, so smooth..

[@codewithantonio]

Glad it was helpful!

[@danielkrsak4338]

Quality gets better by the day. I'm really enjoying the teaching approach you've decided to go for in your latest videos. Keep it up, Antonio!

[@codewithantonio]

Thank you!

[@yassinebenkhay]

This is what startups build! I can't thank you enough, it's been a long time looking for complete tutorials like yours, Thank you so much Antonio for this great work! I am learning a lot from your channel so I can go and apply the knowledge to build my own SaaS. Keep up the good work.

[@codewithantonio]

You're very welcome!

[@marciplan]

You have to take a shot everytime Antonio says "Amazing" -- it's the law

[@codewithantonio]

hahahahaha

[@TheAwaeng]

Hahah

[@manuelfuentes4110]

first 3 minutes of the video and I feel 🥴 dizzy

[@johnadriandodge]

Gosh Mr. Antonio, there are so many frameworks, libraries, packages, companies and services which are required for this Fullstack MAGNIFICENT APP. This has got to be the very best AI SAAS App, I have ever seen to date.

[@codewithantonio]

Thank you for your kind words!

[@adlerspencer]

Congratulations, Sir Antonio Erdeljac, on your first sponsored video! 🎉 You deserve this recognition for your amazing work as a developer and youtuber. I'm a huge fan of yours and I always watch your videos with great interest and admiration. This AI SaaS video is awesome! I was very excited about the content and the tips you shared. You are an inspiration to me and many other developers. Thank you so much for everything you have done for the community. I wish you much success in your journey and I hope to see more of your videos soon. 🤗Veliki zagrljaj iz Recifea, Brazila! 🇧🇷

[@codewithantonio]

Thank you a lot for supporting my channel!

[@victorhenriquecollasanta4740]

BRBRBRBR

[@danilopedrosa7032]

You're also from Recife? haaha

[@pokescreation]

Hey,is your code working?

[@AbhishekYadav-ch2mn]

Your channel is destined to be the platform for web developer❤

[@codewithantonio]

Thank you a lot !!

[@juman8407]

​@@codewithantonio Hello Antonio, Just Superb, learn a lot from this video. I will definitely share on my on-running website in future updates. I have a question: What if I want to sell this to my client after completing this project? Should I need to have some customization from my own and what customization should I need ? Thanks a lot for this and for future updates.

[@skhomo]

This video deserves views more than the longest video on youtube, i will keep on coming back to it - it is part of my playlist. so much value, i would recommend it for any entrepreneur venturing online.

[@codewithantonio]

Glad you enjoy it!

[@s9saiyajin]

A quick tip for the Hydration Error at 1:07:30. This error occurs because you've enclosed the button from @/components/ui/button within the SheetTrigger component, which is, in essence, another button. To wrap a button inside a button isn't compliant with HTML syntax, resulting in the error being triggered. One potential solution would be to eliminate the Button component and directly wrap the menu within the SheetTrigger component.

[@sunji568]

Change the Button component to a span or i element with the className="md:hidden" is better otherwise the icon will not be hidden on large screen.

[@davidvillamil3387]

@@snoviie you saved my life

[@l.uke_]

@@snoviie fixed it for me too. Thanks bud

[@jovan_spasovic]

Literal lifesaver. Thank you so much.

[@adharshs1211]

You can avoid hydration error by modifying in the navbar file(/components/navbar.tsx) By adding import package and changing the export function. import dynamic from 'next/dynamic '; export default dynamic (()=> Promise.resolve(Navbar),{ssr:false})

[@Kevin-jc1fx]

Antonio is back again with top quality content. Thank you very much bro. Happy for getting the first of a long list of sponsors. Upward and forward. 👏👏👏

[@codewithantonio]

Thank you for the nice words!

[@avishekdas4947]

I think this the first video on KZbin development of a whole SaaS. Love from India ❤️. Keep it up.

[@codewithantonio]

Glad you liked it!!

[@dart_ariz604]

If you are getting error after deploying on Vercel 5:30:36 ,the reason is that the AI generation function takes more than 10seconds to generate a response but Vercel only gives 10sseconds of function running time on free tier. So either upgrade to prop plan on vercel and update all your AI generation routes with export const maxDuration = 300; or simply choose another hosting platform like AWS or Linode Thank You

[@hanspreinfalk8072]

Hi, I am facing this error. Can you give me more details on how to add maxDuration in the api routes? Thanks!

[@easilyCoded]

Wow!! This is incredible! Thought JS Mastery was the only beast on KZbin, but your style and explanations are incredibly great. Thank you and Please keep it up. More subscribers are on their way.

[@codewithantonio]

Glad you like it, JS Mastery is amazing!

[@jafarghorbani-vh4qb]

Good Antonio 🎉 can I thief your ideas and mix with golang and svelte? ❤❤😊

[@ApnaCodingSchoolOfficial]

Yea after ja mastery your video is very much helpful

[@didosrukundo3271]

TRY Lama Dev, you will see

[@easilyCoded]

@@didosrukundo3271 Lama Dev only build navbar and bunch of divs. No quality project with APIs and Libraries

[@guardian1243]

I was just doing your twitter tutorial but when I saw this, I stopped and started straight away on making this! it is a dream of mine to make an AI! Thanks for all the amazing work!

[@codewithantonio]

Glad you like it!

[@shorts_faceless]

love the fact that you're using shadcn -- not only because it looks good, but also because it allows you (and therefore us) to better focus on the core parts of the application instead of writing hundreds of tailwind classes and tens of small components

[@codewithantonio]

Yes, I love shadncui!

[@dbenfouzari]

Congratz for your first sponsor Antonio, you deserve it! I'm looking forward to watch your video!

[@codewithantonio]

Thanks! 😃

[@mistersir3185]

Man what am I doing not subscribing to your channel?! Your channel is so underrated, I will tell my friends about your channel bro, I gotchu!

[@codewithantonio]

Thank you!

[@faisaliqbal6681]

@@codewithantonio The api you use is free or paid

[@TheGaoNan]

As always, Antonio is providing tons of great value for the community, every time you upload something I just know its going to be awesome! Thank you!

[@codewithantonio]

I appreciate that!

[@mohitcodeswell]

Really appreciate your teaching style and how you managed to teach side topics which generally become big issues and beginners have to look out of KZbin windows. I wish you would make an advanced projects that focuses on free tools and gives us detailed idea about Industry level software. Thank you for this one!

[@ujjwalmaheshwari2327]

can you tell me is openai api is free or not?

[@mohitcodeswell]

@@ujjwalmaheshwari2327 It's complimentary for newcomers, at least for a limited duration, I presume.

[@ujjwalmaheshwari2327]

@@mohitcodeswell ohk Thanks buddy!

[@oscarokereke2675]

This is massive, I've been waiting for you to drop the video. Also congrats on your first sponsorship. You're doing very great

[@codewithantonio]

Thanks a ton!

[@BransTiong]

Took me awhile, but finally done with this tutorial! Time to start selling this as a SaaS!! THanks bro

[@codewithantonio]

Great job!

[@TheJockerproductions]

how did you get the Api to work it doesn't generate anything for me

[@chrisw9597]

how's your saas doing now? :)

[@jichaoan7484]

I just finished my 1st app with Antonio🎉 I’m gonna list the challenges I have encountered during the past week: 1. OpenAI api has been changed, the pinned comment on the 1st page helped me out. 2. The image generation also changed, for me, I can only generate 1 image a time for the latest dall-e-3 model, if you want to have multiple image generations at 1 time, the doc says do parallel requests to achieve that(I’m lazy I just limited the option to 1 page only). Thanks again Antonio, amazing job! Wish you happy new year!🎉🎉🎉

[@codewithantonio]

Great job!!

[@sudhanshugautam425]

No my image option is working fine, I am able to generate 4image too, and I want to ask you how you created the database in planetscale as it is asking card details.

[@shs4293]

​@@sudhanshugautam425any updates??

[@yashikanagpal6010]

Hey can you please share your github I am doing changes but they are not working for me

[@zeon8380]

Good to hear that, I am stuck in the image generation, can you please share how to change the code for image generation?

[@aadarsh8306]

Awesome @codewithantonio - Please make more videos for SAAS, its so helpful and we get to learn a lot about building saas from scratch

[@jd2161]

I agree more

[@mehdichamiani6838]

Man, words can not describe how I am grateful for your contents. Your desire and quality is exceptional, hope to have you always like this in coming years. Remain valuable please ❤

[@codewithantonio]

thank you!

[@timattracts]

You are wonderful at what you do! First time using Shadcn, Stripe & Clerk and I love it!! So fast!! Thank You

[@codewithantonio]

Glad you enjoy it!

[@SuperPompey77]

finally got this build completed and it worked first time without any problems. once again i thank Antonio for his great tutorial and hard work in producing these tutorials. I am learning lots and am very grateful.

[@codewithantonio]

Great job!!!!! Thank you for following the tutorial!

[@LegendSaaab]

Is this mobile responsive?

[@SuperPompey77]

@@LegendSaaab yes

[@agamydesign]

Thank you man, I learned Typescript because I loved your explanation❤❤

[@codewithantonio]

Glad it helped!

[@pokescreation]

Hey,is your code working?

[@SuperPompey77]

wow another tutorial. what great timing just after i finished the ecommerce one yesterday. but I'm going to rest today and get started with this new one tomorrow or Friday. I am so grateful for all of this high quality tutorials from Antonio. Thankyou sir !

[@codewithantonio]

You got this!

[@RealityMXI]

Hey the OpenAi Api is charging now, its not free anymore, Any alternative we can use?

[@spacecoder0526]

One like button is not enough for your content. You're the best Antonio!

[@codewithantonio]

Appreciate that! Thank you!

[@julesmules0901]

Hvala ti puno za ovaj tutorial! Pozdrav iz Njemacke

[@codewithantonio]

Drago mi je da je pomogao! :)

[@mrk01125]

Oopa. Svaka cast Antonio!

[@jonathanramirez6187]

Wonderful, I've been doing your tutorials so I can enter the industry. I've learnt so much from you. Thank you, thank you, thank you. Keep the excellent work Antonio! 👏👏👏

[@codewithantonio]

Glad I Could Help!

[@aryanhegde9836]

Finally I Got some SaaS app... I have been searching for it for many days. There's no good SaaS app. thank you very much. I hope u keep doing these kinds of apps often😊

[@codewithantonio]

Happy to help

[@peteresezobor7]

You are awesome Antonio. You can't possibly imagine how much you've helped me. Thanks. I'm really grateful.

[@codewithantonio]

Happy to hear that!

[@ismailk7021]

My man you are absolutely the best! I have built a half assed saas product, following the docs, but now I can finally see how to do it. Thanks man. Keep up the good work. You got your self a new subscriber.

[@codewithantonio]

Happy I could help!

[@ismailk7021]

@@codewithantonio I do have 1 question though. I am going through the video, but for some reason I can't install shadcn...I get some error about a missing module called minimatch...Do you know how to fix that issue?

[@ismailk7021]

Actually I ran the wrong command... 😅

[@bikesbeersbeats]

after fighting with next-auth and iron-session for hours and hours, clerk is imcredible!

[@cvg2023]

The tutorial is great, for the ones that are following along at this moment have in mind the OpenAi import changed, now to import you need to use import OpenAI from 'openai'; instead of import { Configuration, OpenAIApi } from "openai";

[@MuhammadIbrahim-pt8pu]

Can you give the first 20 line code of route.ts.

[@MuhammadIbrahim-pt8pu]

Bcz i am confused about that Configuration and OpenAIApi objects

[@SavagesoundsincTV]

Hello Antonio from New York, USA! First I’d like to thank you for the great video tutorials. I completed the Netflix clone last week and really enjoyed it. I’d like to share something with you and everyone about the Shadcn “Sheet” and Button components for the mobile sidebar. I was getting render errors in the browser - server and client renders were not matching and was throwing an error at the node in the mobile sidebar. The part of the code where the custom buttons are wrapping around the Menu icon from lucid. Turns out that when you use the Sheet component and then wrap like this: It will throw the render error. It looks like SheetTrigger in and of itself IS a button element, so adding the additional Button is an issue. If you just remove the custom button tags and just have the Menu wrapped around the SheetTrigger elements, it will clear that error. Hope that helps someone! Thanks again Antonio!! Lew Savage

[@codewithantonio]

Thanks for that info, it will help someone and I will keep it in mind!

[@anchitsinha8821]

Thanks man!!! It was really helpful.

[@tommykim3061]

Thank you so much! Also, don't forget to add 'md:hidden' into className of 'Menu' :)

[@thebooktutor]

seems to work for me

[@vansaber]

Thank you! It was helpful

[@comoyun]

Great tutorial! Great mic, totally worth watching.

[@codewithantonio]

Glad it was helpful!

[@maharshiguin7813]

Absolutely amazing, i used to do webdev in django but learned react and nextjs just to follow along with your brilliant tutorials

[@codewithantonio]

Glad I could help!

[@SageSoundd]

How is it superior to just vanilla JS html and css(beginner here)

[@VukDukic]

Clerk is sick! Antonio this is a great find.

[@codewithantonio]

Thank you!

[@abdelrahmanmedhat2182]

YOU'RE ABSOLUTELY AMAZING!, Thanks so much from Egypt!

[@codewithantonio]

You're so welcome!

[@abdelrahmanmedhat2182]

@@codewithantonio thanks!, i have a question in your NEXT-AUTH v5 course, there’s a logic doesn’t make sense to me in /actions/new-verification.ts, Which is u was trying to update user email from VerificationToken model in case it requested by user to change his email so user email on his VerificationToken will be different than one that on User model, but in a previous step u were throw error if the email of VerificationToken is not found in User model, can you please revert on that because i feel there’s something i misunderstood, Thanks for your efforts!

[@kento_10]

Amazing video! Checkpoint: 40:00

[@3minutesbibletruth]

The content you provide is massive. I'm a react engineer and I wanted to advance my skill and here I am

[@curtiskelton9760]

I have been looking for this type of channel for a long time. Thanks so much Antonio!

[@codewithantonio]

Glad you enjoy it!

[@rudinhok]

I love you, in 2 videos i see i learn more than 10 courses i made in udemy, you are a machine! keep the good works, congratz on your sponsor, now i have to become a member, i really enjoy this channel. And of course, if I can make a suggestion, I would say to build a more "simple" application covering the basics of react, that is to build something using only react and vite for example to help those who still have some difficulties in understanding react basics, if already exists on the channel, I'm sorry, I'm marathoning things here :)

[@codewithantonio]

Glad my videos helped you, and thank you for the suggestion!

[@nguyendung8508]

All love, you're creating next-gen devs left right center !

[@codewithantonio]

Happy to hear that!

[@domz19901]

Antonio, your work is truly a well-explained and exceptional masterpiece. Please keep going.💻

[@codewithantonio]

Thanks a lot!

[@TimDake-y2o]

Thank you so much Antonio! this is what I have been looking for and to be able to add voice query to the conversational Ui FUNCTIONALITY I pray you continue giving us projects like this

[@codewithantonio]

Glad it was helpful!

[@allennaliath]

At 34:45, to anyone dealing with issues with the middleware.ts for clerk auth, the new default is that all routes are public and you need to designate protected routes, versus in this tutorial, all routes are protected by default, and you need to designate public routes. From the clerk docs, this is how you get the behavior you want: import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server"; const isPublicRoute = createRouteMatcher(["/"]); export default clerkMiddleware((auth, request) => { if (!isPublicRoute(request)) { auth().protect(); } }); export const config = { matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"], };

[@swarshashvat4777]

sir im still facing the same issue what shoud i do (i'm not able to redirect to dashboard)

[@NNN-js7by]

@@swarshashvat4777 i am also facing the same issue did you find any solutions?

[@NNN-js7by]

did not solve the problem unable to redirect the dashboard can you please solve this issue

[@nguyenhongson5749]

Thank you, Antoni. I have watched many of your videos, but this video you taught very carefully and in detail. Lots of love!

[@codewithantonio]

Glad it was helpful!

[@mahafujhossain7708]

In future I hope you will give us more projects like that🎉 Your all projects are unique and we hope that you will gift us more projects that will help our future journey ❤️❤️❤️ Thank you sir🎉❤

[@codewithantonio]

Glad you like my videos!

[@saurabhshakya5367]

For anyone getting the interface issue (openaiv4 had some changes): import OpenAI from "openai" //we only need to import this from openai const userMessage: OpenAI.Chat.ChatCompletionMessage = { role: "user", content: values.prompt } For node.js, no need to import configuration, here also we only need to import OpenAI. const openai = new OpenAI ({ apiKey: process.env.OPENAI_API_KEY }) const response = await openai.chat.completions.create({ model: "gpt-3.5-turbo", messages: [instructionMessage, ...messages], }) return new NextResponse(JSON.stringify(response.choices[0].message))

[@ankitupadhyay918]

Thanks man for saving my life

[@jordanesanson6911]

Hello @saurabhshakya5367, where does the 'instructionMessage' come from? Are there any other changes to be made in the conversation page? For example, should we keep this code (const [messages, setMessages] = useState([]);)? Thank you in advance

[@snehakaimal7529]

@@jordanesanson6911 i had the same question...

[@saurabhshakya5367]

@jordanesanson6911 my mistake, instructionMessage is used in the code route, so if you are currently working on the conversation route then remove it.

[@snehakaimal7529]

@@saurabhshakya5367 can you show the code ?

[@theSavanaDev]

I have not gone through the project but Sir, I appreciate your effort. You have empowered me with knowledge. Thank you.

[@codewithantonio]

You are most welcome

[@jrtm9632]

Dude I’m still digesting your last video, sheeesh, big props bro, I’ll get to this one soon

[@codewithantonio]

Glad you like it!

[@niteshprajapat7918]

You are amazing Antonio Sir ❤ Every single time, you drop an incredible projects 🎉🔥

[@codewithantonio]

Glad you enjoy it!

[@TruongAnLeNguyen-k3g]

I can watch this hero all day🥇thank you so much, Antonio!

[@codewithantonio]

My pleasure!!

[@raphaeljaggerd3585]

Hey this is very awesome stuff. I was wondering if you'd consider doing tutorials on complex applications like codux or figma clones. Tutorials that help us build tools and libraries thus making us understand them even more.

[@codewithantonio]

Great suggestion!

[@brayan_joan]

this channel is underrated for learning, great job antonio

[@codewithantonio]

Glad you think so!

[@danialdevelops7368]

If any one got stuck in the image generation implementation like me. The api function and response object has changed in the latest openai version. You need to use this: const response = await openai.images.generate( { prompt, n: parseInt(amount, 10), size: resolution, }); return NextResponse.json(response.data);

[@smrititiwari6656]

Can you please tell me if I can complete this whole project just by seeing the video and is the api free?

[@atmanirbharofficialindiaon2789]

Lol i quickly went through the video and mentioned this in my projects section and my interviewer was thoroughly impressed, even tho my data structures round didn't go well his mind was blown that an undergraduate could create this on his own, if i get in i donate u hald of my first year salary

[@Deus-lo-Vuilt]

I really liked the video, I'm advancing it on your platform, I had a question that was what brought me here, do you plan to include AI in future projects? Greetings

[@codewithantonio]

I definitely plan on using AI in the future projects :)

[@Deus-lo-Vuilt]

@@codewithantonio Thanks 💜

[@gonzalooviedo5435]

Ufff, I don't know how this content is free, is absolutly incredible, thank you very very much for this. Simple, you can almost copy this and start winning some money with this amazing SAAS software in your own country.

[@codewithantonio]

Glad you enjoy it!

[@gonzalooviedo5435]

Almost good, this tutorial have a big problem with the new API 4, so, it causing me a lot of troubles, nothing works and errors everywhere

[@becomeCTOwithmario]

Woooooo! Congrats on the first sponsor. First of many. You've inspired and motivated me to what's possible and I thank you. Wishing you all of the success that is already determined for you bro

[@fulcrum8221]

for the middleware in the new version of clerk: import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server"; const isProtectedRoute = createRouteMatcher(["/dashboard(.*)", "/forum(.*)"]); export default clerkMiddleware((auth, req) => { if (isProtectedRoute(req)) auth().protect(); }); export const config = { matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"], };

[@hafeezbaig25]

Thanks a lot!! I was so confused!

[@mochemiguel1233]

You are a beast!! Amazing and congrats for your 1 sponsored video

[@codewithantonio]

Thank you!

[@rehanm2305]

1:52:32 unable to find the module in openai . Cant find resourse on this . How to fix this can anyone help .

[@HAMOKA-]

Same problem

[@rehanm2305]

@@HAMOKA- solution 1 : install old openai version: v3.3.0 Solution 2: try this ChatCompletionMessageParam instead Hope this helps

[@bhavkushwaha]

Use ChatCompletionMessageParam instead, this is due to the updated SDK of openai.

[@vittoriomorellini1939]

Thank you for making us learn clerk and all its features

[@codewithantonio]

Happy you like it!

[@kanchanaEkanayake98]

Hi Antonio, In the mobile view, the button to pull the sheet does not go to left with sheet when clicked. It just stuck in the same place.. along with the Dashboard protected text. How to make it go to the left when clicked? Very much appreciated if you can help

[@bhavkushwaha]

Yes this was an issue I also faced.

[@DisasterSPA]

Your videos are such a blast to watch and also very informative. As you'd say "Great, great job!"

[@codewithantonio]

Glad you like them!

[@maxcady-p3i]

Hey Antonio, Amazing video! After completing the whole project, I am getting error as: "Failed to load resource: the server responded with a status of 500 (Internal Server Error)" and "Something went wrong" from hot-toast I have tried multiple openai keys from multiple accounts, still facing this problem Please help!

[@yashikanagpal6010]

How did you fixed this?

[@TheJockerproductions]

Amazing tutorial, cant thank you enough for taking the time to provide all this content to the rest of us for free ! it was exciting following along up to the api section where i got totally lost, it will help alot once the repo gets updated

[@hashblast3r]

Antonio does it again! Great job my friend!

[@codewithantonio]

Thank you!

[@Master_Joh]

This is what i have been looking for in a long time, thank you so much

[@codewithantonio]

Glad I could help!

[@nikhilpatil3767]

Did openai api get updated? ChatCompletionRequestMessage doesn't seem to be working for me

[@yashsinghal7236]

Exactly I have the same problem

[@MelvinManoj-kx2ms]

Yes it gets updated

[@MelvinManoj-kx2ms]

Now OpenAiApi changed to OpenAI

[@MelvinManoj-kx2ms]

Also there is another changes. You just search youtube, it will help you

[@yashsinghal7236]

​@@MelvinManoj-kx2msHey have you completed this project and its working perfectly?

[@koobessah]

This is wow and amazing. My first time watching your video and I'm blown away. Keep it up mate and many thanks for sharing this nugget of gold.

[@codewithantonio]

Glad you enjoyed it

[@angphuonghai2926]

I followed you but when using Clerk's SignIn and SignUp components, it doesn't render anything, why? Please help me fix it pls

[@foxooo]

I am running into that same issue. Were you able to determine what the issue is?

[@Gh05t_Dev]

Error: The default export is not a React Component in page: "/sign-in/[[...sign-in]]" that's what I got oops

[@frederikefalke]

I run into the same issue :/ @@Gh05t_Dev

[@ItzAyon]

Amazing work Antonio! I just finished this tutorial and I can't believe how much effort you have gone through to teach us some many different things using a single application. Really appreciate your time man, looking forward to many more! Much love from Australia 💙

[@samirtalbi5926]

I can use google gemini api in the place of openAI API key?

[@bhavkushwaha]

Yep you can use gemini api key, but that changes the code in the api directory since now you have to use the gemini docs to use it.

[@samirtalbi5926]

@@bhavkushwaha give me the api's code for using gemini api

[@prajwalurkude007]

Thank you, I really whole heartedly admire you. Your projects are awesome and unique that based on real world problem solving.

[@codewithantonio]

Thank you very much!

[@SerRGilk]

Stripe is not supported in my country. What are my alternatives for a subscription model?

[@danialdevelops7368]

same problem lol

[@SerRGilk]

​@@danialdevelops7368 Since he is ignoring us, I did some research, and the easiest solution that I found is Paddle. Look for Paddle, they are super easy to set up, and there's a video on youtube that explains how to set up Paddle on your nextJS project.

[@marciplan]

​@@SerRGilk Hey, he likely is not 'ignoring you' but just has more things on his mind. Try being a bit more considerate for the amount of stuff he just gave you for free. Sucks that your country isn't supported by Stripe (it really is) but it doesn't mean Antonio should spend time coming up with alternatives for you. I don't think you would like that when the situation is reversed.

[@wutrax1]

Thank you so much for these tutorials. I only got up to 1:30 so far, but I really enjoy these tutorials that are not just "Hello world". On the AI-topic: the most shocking part for me is how much of the tutorial github copilot is able to autocomplete. Some of it was non-working trash, but it made a different, but really nice looking dashboard for me when i just wrote tools.map(. I begin to think we are all going to be unemployed within the next five - ten years.

[@codewithantonio]

Glad you like them! Dont look at AI as the enemy, look at it as a friend who is going to improve your coding speed!

[@wutrax1]

@@codewithantonio I don't, at least for some years, it is going to require someone to translate between customer and IT, and I would very much like not having to understand every javascript framework out there. Give me a form, I don't care how. Recently, I had it write me a python script to generate an image from a uuid (basically a QR-code, but different), I know even less Python than Javascript, but it all works, REST API and all. Put it into some docker container and the task is done. Tbh, I don't know much about react or next, I only got into it because of my old school, PHP API-Platform and i noticed it's rather quick. I have no idea what zod is, probably it's a common library to use, but when i began typing, it suggested a default value for "prompt". I didn't get much further, because i started drinking, but I assume you can set any default values for any form input fields you are going to use, so for that suggestion it either would have to have scanned your github and comprehend that I am making a copy or understand that this project is about AI from just a few headlines. Both, I think, are pretty impressive.

[@KhushiPatel-i1o]

i had error in configuration and openaiapi

[@mashoodfarid6524]

Same bro What the solution of this

[@musabiqbal253]

Open ai has updated and changed its api. That was used in v3. The new V4 has a different method of doing it. Check the documentation

[@programadorCarioca]

Hello bro, did you manage to solve this problem? I'm stuck here too.

[@oluwaseunladeinde410]

Hi Anthonio, your tutorials are simply amazing. I can only imagine the amount of work that goes into these contents you make free. You are a gem! Thank you.

[@tusharsharma9701]

Did you finish the project recently?

[@igorhideki95]

Can you bring this course updated ?

[@molcay8355]

There aren’t any critical changes in next 14 within this project. But I agree that for the new videos it would be better if it could see similar micro saas products rather than whole spotify, trello or duolingo clone

[@DungAnhify]

I accidentally ended up watching the entire 5-hour video. Fantastic!

[@RicheyLiek]

if someone has problems with lucide react -> downgrade next to "next": "13.4.12",

[@judevector]

Wow finally it has dropped,the most anticipated video on KZbin 🎉🎉, thank you Antonio you are a rare gem

[@codewithantonio]

Hope you enjoy it!

[@judevector]

Yes I enjoyed it , still learning alot from it

[@piecesSHREDDED]

MANY MODULES are deprecated

[@pragyashrivastava9270]

Hey can you tell me which ones are deprecated and how do I manage making it otherwise

[@debashishtiu2919]

​@@pragyashrivastava9270there are many modules are deprecated and I want to say if you want to make the project for CV don't make this project , choose another project

[@yixian0716]

@@pragyashrivastava9270ｕcan refer to the documentation to switch for the deprecated function

[@amanpal376]

Dont follow if u are a beginner

[@dinhjdev1023]

Welcome to software development 😅 Time to learn how to read documentation

[@sudhanshugautam425]

Finished 🎉🎉 , it was great 5 days with you😇 , thank for this amazing tutorial ❤

[@codewithantonio]

Great job!!!

[@quantaraum]

wow just wow. i appreciate this detailed and step by step tutorial alot. this is one of the first youtube tutorial which i could follow from start to finish. i reckon this took alot of work so i just wanted to thank you so much. you are doing god's work. i had to figure out the gpt-4 version on my own since the update but this was actually quiet fun. you are genuinely the best at explaining, going through it step by step so it's organized and clear. cheers!

[@nurasxni]

How did you figure out the gpt 4 version? I’m currently stuck please help

[@j2devstudio]

I'm also stuck. trying to follow the docs and adapt the code. can you share your repo link ?

[@moizkhan1950]

Great project. Learned a lot, I customized a lot of it too. Added some new models (speech, image optimizations etc), Also added a full Admin Panel with app management, user management, and software metrics. I managed to add some metrics for users too so they can track their usage. Thank you for putting in so much effort.

[@codewithantonio]

Amazing job!

[@moizkhan1950]

@@codewithantonio Hey! Thanks a lot for responding, you're doing an amazing job. Absolutely love your videos.

[@srirammurthy2739]

great to hear that. @codewithantonio provided great base for me too. I also want to build some thing like that. Can you guide me how you dd that ?

[@johnadriandodge]

Shalom evening Mr. A, this looks FANTASTIC and very much involved. Interestingly enough, I had previously wrote a post about having an app which can perform multiple forms of AI service. And this is it but so much more. I did not know AI could generate audio files or video files. Thank you for sharing! Shalom

[@codewithantonio]

Glad you like it, thank you!

[@julia_rodrigo]

So happy I'm here! Congratulations on your first sponser video! :) You've helped me so much and im looking forward to this tutorial

[@codewithantonio]

Thank you!