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

Поделиться
HTML-код
  • Опубликовано: 11 сен 2024
  • 👾Join my Discord:
    / discord
    ✉️Sign up for my newsletter:
    eepurl.com/h4X959
    🌐GitHub URL:
    github.com/jud...
    ⚛️More on React:
    Build a Portfolio Website - • React Project Tutorial...
    MERN Stack Project: Food Ordering App - • Food Ordering App - Re...
    ☕Support the channel:
    buymeacoff.ee/webdecoded5
    📁Links shown in the video:
    arxiv.org/abs/...
    openai.com/

Комментарии • 40

  • @Sambeet_31
    @Sambeet_31 Год назад +3

    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 3 месяца назад

    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 5 месяцев назад

    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. 👍❤

  • @cynthiacider
    @cynthiacider Год назад

    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!

  • @albertovasquez6083
    @albertovasquez6083 Год назад

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

  • @mrshaders5269
    @mrshaders5269 Месяц назад

    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

  • @escape.eth_gaming
    @escape.eth_gaming Год назад +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

  • @imcarto
    @imcarto 4 месяца назад

    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 :(

  • @ibrahimylmaz796
    @ibrahimylmaz796 11 месяцев назад +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 9 месяцев назад

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

  • @FunnyStory1102
    @FunnyStory1102 3 месяца назад

    Great Video, and great explanations

  • @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!

  • @youngwolf1009
    @youngwolf1009 Год назад

    I really like your RUclips 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:)

  • @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 14 дней назад

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

  • @doston8795
    @doston8795 8 месяцев назад

    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

  • @stefanraath310
    @stefanraath310 Год назад +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

  • @ronniegulua1868
    @ronniegulua1868 Год назад

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

  • @rahulpagidimarri4677
    @rahulpagidimarri4677 3 месяца назад

    Thanks

  • @souravdas5837
    @souravdas5837 3 месяца назад

    Are you on X or LinkedIn? Cant find you.

  • @jayeshkorade3182
    @jayeshkorade3182 8 месяцев назад

    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 5 месяцев назад

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

  • @whatislove4587
    @whatislove4587 Год назад

    How to stream the response?

  • @salmansheriff8243
    @salmansheriff8243 Год назад

    Please make some nextjs projects with redux toolkit and nextauth

  • @fallanstar
    @fallanstar Год назад

    Plz Projects on React Js with redux toolkit and tailwind css

  • @user-pj8qt1qx2o
    @user-pj8qt1qx2o Год назад

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

  • @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

  • @iapptechid
    @iapptechid 10 месяцев назад

    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"
    }

  • @mathematicalanalysisbyvickysir

    Plz make a video mern stack

    • @webdecoded
      @webdecoded  Год назад

      have you checked out this one? ruclips.net/video/h3acgwLvUWg/видео.html
      I do have more to come and thank you for the suggestion!

  • @INteresting_2000
    @INteresting_2000 Год назад

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