Build & Deploy an AI Chatbot with ChatGPT API - REACT! (Next.js, Tailwind, and Vercel)🤖

Поділитися
Вставка
  • Опубліковано 14 січ 2025

КОМЕНТАРІ • 40

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

    I really want to thank you. you are the best react teacher out there in youtube. your videos helped me a lot to learn react and this video helped me to build my own chatbot as i was struggling with the data fetching part. Thanks a lot

  • @HassanKaraouni
    @HassanKaraouni 8 місяців тому

    I believe a small tweak is needed in the code that is shown at the end and on GitHub. I believe checking the referrer happens in production but then never reaches the "try" in the next else clause. To fix, I believe the "try-catch" block just needs to be moved out of the last else clause and that last else clause can be deleted.

  • @AmirJ23
    @AmirJ23 9 місяців тому

    Great Video, and great explanations. the software development world needs people like you to teach. there were many different ways to go about it but by far this was my favorite way. 👍❤

  • @cynthia.unlimited
    @cynthia.unlimited Рік тому

    Thanks for the great tutorial! The latest version of ChatGPT is so powerful and there's a lot that can be done.

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

      Glad it was helpful! Totally agree, and looking forward to see some amazing projects come out of it!

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

    I uploaded my project to Vercel, but when I send a message to the chat, it does not respond. When I open it on localhost it responds.

    • @994pranav
      @994pranav Рік тому

      if the response takes longer than 5 seconds it would'nt respond. It's a limitation on vercel hobby plan.

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

    I have a problem. I already follow everything and deploy it on vercel. It works but when I type the CHATGPT wont reply I look into the error on console.
    it says "response
    :
    code
    :
    "ERR_BAD_REQUEST"
    config
    :
    {transitional: {…}, adapter: Array(2), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …}
    message
    :
    "Request failed with status code 401"
    name
    :
    "AxiosError"
    "{\"message\":\"Unauthorized\"}"

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

      same i cant get anything back bc it says limit exceeded but i have the free trial and lots of unused credits. havent even used it

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

      @@makennamartin7654 the trial expires after a month or so, you need to add billing information and cc to get the tokens for this request

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

    So Coool. Really like it. I am gonna try it and will add more features to it to add this to my portfolio. Thanks for the Tutorial.

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

      Nice! Looking forward to seeing how it turns out!

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

    I like all your content, you are the best woman teaching programming

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

    Thanks for this tutorial. You explained everything well. I was able to integrate the API successfully on my project.

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

      wohoo nice! thanks for checking it out!

    • @shreyageek
      @shreyageek 4 місяці тому

      How i tried limit 5 it.still shows too many requests

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

    Can you make a video how we can make not we ask questions from open AI, but open AI can ask from user? thank you

  • @souravdas5837
    @souravdas5837 8 місяців тому

    Are you on X or LinkedIn? Cant find you.

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

    Also gettting the "that model does not exist error for gpt-4! Got the invite, but why can't we use it?

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

      I think they still don't have an option for this api:( it's weird some docs have it listed but than it doesn't work

  • @mrshaders5269
    @mrshaders5269 5 місяців тому

    I cant use the API keys, says "Not enough Quota" tho i've never used any of my API keys.
    What can be the solution? I tired searching everywhere, no luck

  • @imcarto
    @imcarto 8 місяців тому

    Thankyou so much for your tutorial, great explanation!
    And I also wondering if you could make tutorial about openai API with assistant and thread. I've been following few tutorial about that but I dont understand any :(

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

    I really like your UA-cam channel, your teaching skills are phenomenal and as a woman i also love seeing women in this industry but until now i wasn't able to follow your projects due to the fact that you use Bootstrap a lot and im more familiar with Tailwind css which i think is the best css framework. I will definitely try this one !

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

      Thank you!! Yess would love to see more women in the industry. As for the bootstrap I have moved away from it slowly:)

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

    Nice tutorial, are you georgian nationality by any chance? ❤

  • @FunnyStory1102
    @FunnyStory1102 7 місяців тому

    Great Video, and great explanations

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

    Plz Projects on React Js with redux toolkit and tailwind css

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

    How to stream the response?

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

    Please make some nextjs projects with redux toolkit and nextauth

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

    can someone help me out ? the chatbot isnt responding on localhost, i think it might be bcuz of the api key bcuz when i check on openai it says the last used of my api key is never, but im not really sure

    • @palashmone8232
      @palashmone8232 9 місяців тому

      Same problem with me. Did you resolve it by any chance?

  • @rahulpagidimarri4677
    @rahulpagidimarri4677 7 місяців тому

    Thanks

  • @cuongtran-vv1hi
    @cuongtran-vv1hi Рік тому

    Can you give me the OpenAI key? Because I'm using my key and it's showing a 429 Too Many Requests error

  • @mathematicalanalysisbyvickysir

    Plz make a video mern stack

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

      have you checked out this one? ua-cam.com/video/h3acgwLvUWg/v-deo.html
      I do have more to come and thank you for the suggestion!

  • @SzymonChełmiński
    @SzymonChełmiński Рік тому

    I believe making env variables NEXT_PUBLIC isn't how it should be done since you are leaking sensitive data. Otherwise very good content!

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

    Hi myError this once:
    "error": {
    "message": "You exceeded your current quota, please check your plan and billing details.",
    "type": "insufficient_quota",
    "param": null,
    "code": "insufficient_quota"
    }

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

    hi i tried to send request but it give me this error.... AxiosError: Request failed with status code 429