Build a SaaS: AI Companion With Next 13, React, Stripe, Prisma, MySQL, Tailwind | Tutorial 2023

Поділитися
Вставка
  • Опубліковано 29 лис 2024

КОМЕНТАРІ • 751

  • @codeofcodedotorg
    @codeofcodedotorg Рік тому +214

    Antonio is the mythical 100X developer we all aspire to be.

    • @codewithantonio
      @codewithantonio  Рік тому +33

      hahaha, i just have really good subscribers that motivate me! 😉

    • @TimurIshuov
      @TimurIshuov Рік тому

      @@codewithantonio Antonio what is wrong with you (joking)... But it is not natural what you are doing. It is like you have access to some secret knowledge. You need to be careful. Those people on this list are atheists, and some are sort of pact dealers with Evil.

    • @TimurIshuov
      @TimurIshuov Рік тому +1

      @@codewithantonio Sorry, may be I envy you.

    • @ez7125
      @ez7125 Рік тому +1

      What means 100x developer?

    • @AlanJudson
      @AlanJudson Рік тому +1

      @@ez7125 It means he's 100 times better than a regular developer.

  • @joshtriedcoding
    @joshtriedcoding Рік тому +57

    You're killing it. I'm currently using Clerk in my own app to handle auth and am pretty happy with it. Great project man!

  • @wndGGaRkGBKpXvM6NWHGOeMJv
    @wndGGaRkGBKpXvM6NWHGOeMJv Рік тому +46

    I don’t think I’ve ever been so pumped to work through a tutorial.

  • @londelidess
    @londelidess Рік тому +10

    You are the only one who talked about how to grab stripe webhook for production on UA-cam. You my savior.

  • @codewithantonio
    @codewithantonio  Рік тому +48

    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 Companion Platform. You will be using advanced AI techniques like long term memory using vector databases and prompt engineering! Checkout the description for links and subscribe to the newsletter! ❤

    • @MrAvelino2010
      @MrAvelino2010 Рік тому +4

      Congratulations can you make a POS SAS for Restaurant, where user can access by scan QR code , make orders

    • @youneshenni5417
      @youneshenni5417 Рік тому +7

      Would you at some point consider making a premium course? Like 17 or 24 hours long course with loads of details and a very complex project (that includes testing, ci/cd, etc.). I would definitely buy it :)

    • @codewithantonio
      @codewithantonio  Рік тому +7

      Im planning something like it :) @@youneshenni5417

    • @CarlosTello-h5s
      @CarlosTello-h5s Рік тому +2

      @@codewithantonio please don't be too expensive

    • @p.cnunes7098
      @p.cnunes7098 Рік тому +1

      dude you are the best, keep up the good work. i just wanted to ask you, i live in honduras, can i build, edit and sell your apps to local buisnesses expecially the ecommerce one??

  • @Triple._.A
    @Triple._.A Рік тому +22

    Working through your projects gave me the confidence to build full stack production ready apps! I was super surprised by how much I learned from you when I tried building things from scratch. Truly thankful for you🙇‍♂️

    • @codewithantonio
      @codewithantonio  Рік тому +5

      Im very happy I could be of help!

    • @Triple._.A
      @Triple._.A Рік тому +3

      @@codewithantonio I'll make you proud😼

  • @farhankhan-hq9ww
    @farhankhan-hq9ww Рік тому +8

    Thankyou Antonio. This project gave me the required confidence for development. Guys , this guy is a gem , every point explained briefly and on point, we all need a teacher like you.❤

  • @3illanon145
    @3illanon145 Рік тому +3

    This is the first time I'm seeing an Antonio production, just 3 mins in and I have liked, subscribed, and belled! I can tell this is going to be a super awesome project! Definitely gonna build this

  • @BalaDevelop
    @BalaDevelop Рік тому +6

    Attention to details. Antonio, you're an absolute maestro. Thanks for taking the time to explain the concepts as well as the modus operandi. Learning is entertaining, watching your videos. Keep up the great work bro!

  • @kendam1
    @kendam1 Рік тому +2

    Once you start watching this video you don't want to stop, awesome job man!

  • @zainkhalid3670
    @zainkhalid3670 Рік тому +7

    Pinecode error solution:
    If you are getting errors in similaritySearch from MemoryManagement class or some error with langchain or pinecode it's because these modules have been updated.
    I understand that my solution is not ideal but for the sake of this project I downgraded my pinecone-database/pinecone and langchain to that of Antonio's which are deprecated now. The current updated version required change of code in files, and it'll be good self-practice if you can update your code to the latest modules.
    But, If anyone is looking to do the same then run the following commands:
    npm install langchain@0.0.92 --save --force
    npm install @pinecone-database/pinecone@0.1.6 --save --force
    and you are good to go!

    • @randomotaku6684
      @randomotaku6684 11 місяців тому +1

      thanks bro it was really helpfull

  • @quantontheway
    @quantontheway Рік тому +2

    you just lift youtube tutorial to a new level. thx for what you have done!!!

  • @mikaellindberg93
    @mikaellindberg93 Рік тому +9

    I have been hovering around the intermediate levels in web development for a while now, and while I'm far from done with this video I can already feel that it amplifies my skill level greatly. I'm super, super excited to continue this as well as check out your other videos. 100% a sub from me, keep up the great work!

  • @criminal_9789
    @criminal_9789 Рік тому +7

    I have completed this project just now. It was fascinating and challenging at the same time. You are terrific Antonio. Take love brother. 💜💜

    • @codewithantonio
      @codewithantonio  Рік тому +1

      Happy you liked it!

    • @maniraj8609
      @maniraj8609 Рік тому

      ​@@codewithantonio​ can you give any test login id and password to see the website
      I think user limit is exhausted in clerk

    • @haimangsharma7515
      @haimangsharma7515 Рік тому

      Hey can you tell me the pre rquisite for it.

    • @harshitanchan2277
      @harshitanchan2277 Рік тому

      Hey mate does it works cuz i'm not sure that chat api is free ?

    • @sameerfaridi2
      @sameerfaridi2 Рік тому

      @@harshitanchan2277google it and let everyone know

  • @thatsinteresting8479
    @thatsinteresting8479 Рік тому +1

    This is my first time watching a 6 hour tutorial and I really enjoy it

  • @azhuinchina5814
    @azhuinchina5814 Рік тому +1

    This is the longest tutorial I've ever done, but one of the best

  • @SuperPompey77
    @SuperPompey77 Рік тому +2

    I just finished this project successfully. This was the best project yet and I thank you Antonio for all the initial work that went into researching and building this project and then to show us all and help us learn. I truly appreciate you and look forward to the next build and trust me I am learning a lot from this. Thankyou !

    • @saurabhshakya5367
      @saurabhshakya5367 Рік тому +1

      I'm thinking of starting the project. Do we have to pay for any services which are used in the project?

    • @SuperPompey77
      @SuperPompey77 Рік тому +2

      no you do not have to pay for anything, but word of warning when you start chatting with the companions, that stops working very quickly once you reach the limit which is not really that much.

    • @adamsaleem19
      @adamsaleem19 Рік тому

      Awesome@SuperPompey77 well done - My son has been trying to get it work for weeks!

    • @YuriyChamkoriyski
      @YuriyChamkoriyski Рік тому

      Hi, @@SuperPompey77 Do you have any solution for that problem? I am experiencing the same. After 3rd, and 4th questions, the companion "answers" my question, because I can see it in the response on my console, but the app does not show it on the screen and the prompt is not cleared too from the Inbox. @codewithantonio Do you have any explanation?

  • @fotyG
    @fotyG Рік тому +8

    High quality stuff - as usually! Enjoying every second of this video already 😻
    P.S. One little note on PlanetScale - some have probably run out of free db and branches for them to use, if they follow your projects regularly. So, guys, if you see this - prisma makes it super easy to use a different db cloud solution and everything will work the same as long as it's the same type of db. I chose elephantSQL for myself this time and it's working out so far.
    Thank you very much for your hard work, Antonio! We are very grateful ❤🙏

    • @codewithantonio
      @codewithantonio  Рік тому +1

      Thank you and thanks for that tip that will help others!

    • @blue_berry_pie64
      @blue_berry_pie64 Рік тому +2

      Thank you for your tip! I actually run out of free db on Planet Scale, and I just read some comments to find out if anyone is in the same situation with me and I saw yours. I choose Neon db. xD

    • @fotyG
      @fotyG Рік тому +1

      @@blue_berry_pie64 That is a really good choice! I switched to it after a day as well. So you are giving others even a better tip than I did initially 😁👍🏾

    • @blue_berry_pie64
      @blue_berry_pie64 Рік тому +1

      @@fotyG thank you 😊

    • @gbrachetta
      @gbrachetta Рік тому +1

      @@blue_berry_pie64 @fotyG Although they don't support the @@fulltext attribute, no?

  • @dalestewart
    @dalestewart Рік тому +1

    Another professional A-1 tutorial implementing advanced technologies.

  • @queenofsheba8275
    @queenofsheba8275 Рік тому +1

    I just woke up 30 minutes ago, came onto youtube to do something else, then I see this video was uploaded an hour ago. Well I guess I'm going to be building this project instead today. Thank you so much for creating awesome content.

  • @m123g
    @m123g Рік тому +1

    haha antonio, you're a machine. Pushing out high quality projects one after another before I can even finish the last one! Keep up the great work.

  • @MrRecapsTV
    @MrRecapsTV Рік тому +2

    Done and dusted. Project complete. You did a great job!

  • @festoug
    @festoug Рік тому +1

    Antonio is the only honest youtuber who reavels and teaches you everything from scratch love❤❤ your work, thanks bro. The best UA-camr🎉🎉

  • @allenzhao3389
    @allenzhao3389 Рік тому +1

    by far the best webui course I had intergated with AI prompt and tons of UI components, all for free, you are legend!!

    • @codewithantonio
      @codewithantonio  Рік тому +1

      Happy you like it!

    • @allenzhao3389
      @allenzhao3389 Рік тому

      loving it, I'm new to web UI programming and your channl is teaching me unimaginable amount of knowledge in short time. I'm still working my way through your vidios.
      now I actually have a question, in the chat-messages.tsx, what's the best way to make the vertical scrollbar to be automatically stick to bottom when we got new messages poping in? @@codewithantonio

    • @allenzhao3389
      @allenzhao3389 Рік тому

      Got another question, how can we autoFocus on the chatform once finished loading? currently we will need to constantly click back to the chatform textfield once finished loading. sorry to ask all these basic questions and thanks in advance!

    • @allenzhao3389
      @allenzhao3389 Рік тому

      nws, all solved :) learned more about hooks@@codewithantonio

  • @ashishbatra1
    @ashishbatra1 Рік тому

    Still can't believe this video exist. I am working on AI with laravel backend and was looking for something to start nextjs, this was way beyond my imagination. Will be binging on other videos soon.
    Kudos to Antonio for this.

  • @earlgfps
    @earlgfps Рік тому +3

    Your clear explanations and attention to detail made the entire process a breeze to follow. As Beginner but slightly intermediate developer (coming that way soon) 😅, I couldn't be more thankful for the incredible value you provide through your channel. Your dedication to teaching and empowering us to create amazing projects is truly inspiring. Can't wait to see what you have in store next!!

  • @andydataguy
    @andydataguy Рік тому

    Yo this tutorial is exactly what I need. Thank you Antonio and thank you clerk for sponsoring this video! 🔥🙌🏾

  • @JorgeMenaDev
    @JorgeMenaDev Рік тому +3

    Antonio you’re genuinely the best. Please more protects with shadcn, supabase and next js… like a proper sass dashboard. Thank you!!!!

  • @mlamintamba
    @mlamintamba Рік тому +1

    Wow 😮 Antonio, you are pumping out content like crazy. Haven’t even finished your last tutorial. Keep up the good work 👍🏿… Great content 💪🏿

  • @labasubagia
    @labasubagia Рік тому +1

    With this quality, this channel is wild 🔥🔥🔥

  • @luisvisintini833
    @luisvisintini833 Рік тому +1

    Greetings from Argentina Antonio! always grateful for your contributions

  • @oscarokereke2675
    @oscarokereke2675 Рік тому +1

    Came at the right time. Thank you Antonoi, will hop on it once I finish the e-commerce project

  • @SuperPompey77
    @SuperPompey77 Рік тому +1

    wow, i just saw this today. I cannot wait to get stuck into this one and learning more. Looks great and I will start this after our long weekend, which we have here in BC, Canada right now. Thankyou for your dedication into teaching us. I certainly appreciate it very much. I will give my feedback when I have completed this build.

  • @BCSBhaveekJain
    @BCSBhaveekJain Рік тому +1

    Wow! You are absolutely killing it man. Just learned a lot from your REST API tutorial

  • @wirapramuja007
    @wirapramuja007 Рік тому +1

    Bro, i appreciate how attentive you are to your audience by actively listening to feedback and incorporating it into your content. That shows a genuine dedication to improving and providing value to your viewers. I must say, I thoroughly enjoy watching every single your videos (since netflix clone) and learning from your insights.
    Keep up the fantastic work, and I look forward to more insightful and engaging content from you in the future. You have a loyal fan in me! Thank you for sharing your knowledge and passion with the world.

    • @codewithantonio
      @codewithantonio  Рік тому

      Thank you very much for your support from the start :)

  • @case6339
    @case6339 Рік тому

    Usually when they use a lot of 3rd party commercial SaaS or sponsors (*cough* sonny sangha *cough*) I skip the video as it is useless mostly. But your selection of technologies and explanations for this was really logical and reasonable that I watched all of it. Thank you.

  • @ThePhil0u
    @ThePhil0u Рік тому +1

    Amazing job I enjoyed the turorial and now having a lot of fun with the companions I built a GPT template to generate more of them as well as prompt for images Great Job Antonio .

  • @Eventyret
    @Eventyret Рік тому +2

    Amazing video. Thank you for this! I must say I think Antonio is the new raising UA-cam Superstar for developers for 2023

  • @youneshenni5417
    @youneshenni5417 Рік тому +2

    You are definitely becoming my favourite UA-camr in the learning category. Would love to see a custom UI for the payment page (like in Netflix) :). Keep up the great work.

  • @ChaDaeyeob
    @ChaDaeyeob Рік тому +1

    As always, amazing job Mr. Sir Antonio!

  • @cricklightz
    @cricklightz Рік тому +1

    Sir antonio will go down the history as a legend

  • @Pierrot24382
    @Pierrot24382 Рік тому +1

    Thank you for another awesome tutorial, Antonio!

  • @benixmaximus
    @benixmaximus Рік тому +1

    Hi Antonio. I've got about 3 months of my javascript and react course to learn but I'm really looking forward to doing these tutorials when Im finished!

  • @goyashy
    @goyashy Рік тому +1

    You're killing it man. Thank you so much for this. I'm finally learning how to code in Next JS.

  • @originalmadosaso
    @originalmadosaso Рік тому +1

    It's impressive how realistic the characters are. At 4:30 Christiano is hallucinating about winning the world cup against Germany :D

  • @Dev_cent
    @Dev_cent Рік тому +1

    I just subscribed 🎉
    I can't believe I've been missing a lot of quality tutorials 😢

  • @hemanthchowdary7150
    @hemanthchowdary7150 Рік тому +1

    Waiting for it 🤩
    Thank you so much ❤
    More to go 🎉

  • @devdhaif
    @devdhaif Рік тому +1

    This is the content I always wanted ! This is amazing ! Subscribed

  • @brianrimi1887
    @brianrimi1887 Рік тому +1

    Antonio you are a gem to the Community

  • @daniel.w8112
    @daniel.w8112 Рік тому +1

    This is amazing, Thank you so much. I hope you also get what you want from UA-cam. Please continue making this videos!

  • @egretfx
    @egretfx Рік тому +1

    this guy is a masterpiece man!!!! your work is amazing!!

  • @crazyycoder
    @crazyycoder Рік тому

    Love your tutorial man the way you are writing the clean code and using the only necessary libs Keep it up man

  • @harshshukla001
    @harshshukla001 Рік тому +1

    Love the project and dedication towards project. ❤
    Waiting for some awesome tutorial from you......

  • @6.squash.936
    @6.squash.936 Рік тому +1

    I am currently learning React but i always like your video, i will be here once i am done learning

  • @Epicurious21331
    @Epicurious21331 Рік тому +11

    Excellent tutorial. If you have time to do a part 2 including voices for the companions (ideally with Eleven Labs API) and the ability to talk to them (with Whisper for example), that would be next level stuff!

  • @tedreams
    @tedreams Рік тому +1

    As always, incredible job Master 🎉

  • @sevente_en
    @sevente_en Рік тому +1

    What a tutorial, all I can say is thank you so much!

  • @akmalsulaymonov2414
    @akmalsulaymonov2414 Рік тому +1

    Thanks bro. Really appreciate for your tutorials

  • @akintobiafeez4070
    @akintobiafeez4070 Рік тому +1

    Antionio is in another generation ahead of other developers I must say 😂

  • @jhlee541
    @jhlee541 Рік тому +1

    Let's upvote first before starting the project

  • @wego-k4811
    @wego-k4811 Рік тому +2

    Your work never stops amazing me. You have such great content 👍👍 Thanks for sharing

  • @ReuelTeodoro
    @ReuelTeodoro Рік тому +3

    Love your work. I would love a tutorial with nextjs and internationalization

    • @codewithantonio
      @codewithantonio  Рік тому +1

      Thank you, I will certianly do some i18n with next 13 in the future

  • @shubhammaurya9633
    @shubhammaurya9633 Рік тому

    Just learn all advanced production skills and way of writing of production based code by you and these videp help me a lot to develop my AI music visualizer thanks for help

  • @rz_akbar
    @rz_akbar Рік тому +1

    amazing amazing job 🎉 what an amazing project

  • @johnchristiancabrera6472
    @johnchristiancabrera6472 Рік тому +1

    bro, this helped me by a ton of things! Great tutorial!

  • @ayushp4471
    @ayushp4471 Рік тому +1

    Quality Content as always🙌🏻🔥
    Thank you Antonio 💖

  • @Khigha87
    @Khigha87 Рік тому +1

    Wtf bruh! This is insane, wow. Thanks bro. Just wow.

  • @alexanderpoker6655
    @alexanderpoker6655 Рік тому +1

    70 thousand subscribers for 4 months, that is impressive!

  • @HarmanSingh-h
    @HarmanSingh-h Рік тому +1

    I found something golden today. I was searching for a youtube channel which made projects

  • @MonKay-j5w
    @MonKay-j5w Рік тому +2

    Wow! You are absolutely killing it man ,in the next project can you teach about the technique like redis,docker,rabbitmq,... or anything like that to push the api more efficent,after all thanks for creating wonderful projects

    • @codewithantonio
      @codewithantonio  Рік тому

      Glad you like the video, thank you for the suggestion!

  • @swajpz
    @swajpz Рік тому +1

    hi antonio, i dont usually comment yt videos but i have to thank for your videos!

  • @sushieatingcobra
    @sushieatingcobra Рік тому +2

    Dude you are beast !!!!! thanks a ton

  • @Miracle-Style
    @Miracle-Style Рік тому +1

    Thank you Antonio, I am still struggling with your last AI project.😂 But another AI masterpiece has been created👍

  • @imomuganda
    @imomuganda 5 місяців тому +1

    Fantastic! Thank you, Antonio!

  • @youtekdev8131
    @youtekdev8131 Рік тому +1

    ANTONIO DID IT AGAIN!!!! THANKS BRO!!!

  • @veedjohnson
    @veedjohnson Рік тому +1

    Antonio thank you!
    I’m going to also build this in React Native

  • @lakshaykhattar5591
    @lakshaykhattar5591 Рік тому +1

    Great Work Antonio
    Best SaSS tut Till date ❤

  • @uminhtetoo
    @uminhtetoo Рік тому +1

    Thank you so much for sharing your knowledge, Sir.

  • @nogafouz2174
    @nogafouz2174 10 місяців тому +1

    I want to thank you for all the hard work

    • @codewithantonio
      @codewithantonio  10 місяців тому +1

      Thank you for watching!

    • @nogafouz2174
      @nogafouz2174 10 місяців тому

      @@codewithantonio not at all i have question i want to use PayXpert instead of strip byt i donot kow how can i do that?

  • @ronny5277
    @ronny5277 Рік тому +1

    Sou brasileira e sou muito fã de seu conteúdo, se você desse curso com toda certeza eu pegaria

  • @qazyhn94
    @qazyhn94 Рік тому

    Hello Antonio, i find this type of full projects 3+ hours on youtube (next,tailwind,ai) started to be very popular approach and i see many alternative chanells, i am also 7+ years dev and i also worked in Endava mate :D not from Croatia though from another country.
    I will check out one of your projects and see if i like this 6 hours project tutorial, takes a lot of time but so far your app ideas and implementations they look AMAZING!

  • @synt-x6458
    @synt-x6458 Рік тому +1

    Banger after bangers 🔥🔥🔥

  • @hisham1307
    @hisham1307 Рік тому +1

    Damn.. youre video tutorials are incredible 🔥 easy explanation

  • @darrenhinde2971
    @darrenhinde2971 Рік тому

    Just wow, thank you so much for all of this hard work!!

  • @TedMosby-fk5gj
    @TedMosby-fk5gj Рік тому +1

    Antonio this is amazing, if you can make more videos on explanations over topics would be great, like your first video on how to build a rest API. Maybe another channel for this would be awesome, your explanations are the best.

    • @codewithantonio
      @codewithantonio  Рік тому

      Very happy to hear you like the video :) And thank you for the content suggestion!

  • @jummagaming6133
    @jummagaming6133 Рік тому +2

    Thank you so much sir I like your tutorial so much and I learn lot from your tutorial thank you for sharing your knowledge ♥ ♥

  • @wefindcourses
    @wefindcourses Рік тому +12

    Please do a huge crash course that contains most of what we need to know even if it's not free 🙏

    • @codewithantonio
      @codewithantonio  Рік тому +5

      Thank you for the great suggestion!

    • @CuteFunnyVideos20
      @CuteFunnyVideos20 Рік тому +2

      Hi @codewithantonio, pls consider this request.
      It will really help a lot of people.

  • @dindustack
    @dindustack Рік тому +1

    Thanks for sharing your wealth of knowledge. Projects like this, help developers to level up.

  • @vishichaurasiya4427
    @vishichaurasiya4427 Рік тому +1

    Love the way you explain ❤

  • @eliuddyn
    @eliuddyn Рік тому +1

    This is amazing 🔥🔥

  • @VivekGautam-o8v
    @VivekGautam-o8v Рік тому +1

    UI is so much clean

  • @versaleyoutubevanced8647
    @versaleyoutubevanced8647 Рік тому

    a tip, sometimes you're styling something that is not even in the screen, people sometimes would like to style the app their way, so a tip would be you to write the functionality code first, then the styling, doing this will avoid a "i need to copy word by word of this bit otherwise i will get lost on the context"

  • @therongovender9471
    @therongovender9471 Рік тому +2

    @codewithantonio I love your videos man, these are actually way better than any other paid courses i have done for react/nextjs. Thanks for being such an awesome creator and sharing your knowledge with the community. Was wondering also if you can share your, oh my posh theme setup, and also the vscode theme/icons/fonts etc

  • @elusiveadrameleck9057
    @elusiveadrameleck9057 11 місяців тому

    We need to protect Antonio at all costs!

  • @ddofvideos
    @ddofvideos Рік тому +1

    Wow another project thankyou antonio

  • @juninfortunato
    @juninfortunato Рік тому +1

    I really love the content you provide, always of impeccable quality. I would like to make a suggestion, do something using Next.js 13, TailwindCSS, Stripe, Typescript and Redux-Toolkit with Redux-Saga.
    Hugs from Brazil ✌✌

  • @buhutimanakal
    @buhutimanakal Рік тому +1

    This is a Great Course. ❤❤

  • @databasemadness
    @databasemadness Рік тому +1

    Wow! this was gold

  • @automioai
    @automioai Рік тому +2

    Antonio, you are a beast #respect.

  • @wefindcourses
    @wefindcourses Рік тому +1

    Just one word thank you!