Это видео недоступно.
Сожалеем об этом.

How to Launch Your own GPT-4 Chatbot UI | No Coding Required | OpenAI Chatbot Tutorial

Поделиться
HTML-код
  • Опубликовано: 12 авг 2024
  • How to launch your own GPT-4 Chatbot UI with no coding in just a few minutes using McKay Wrigley’s open source Vercel template.
    Starmorph Starmorph.com
    Code.chat AI coder code.chat
    Consulting 1hr Call: cal.com/starmorphai/consultin...
    Github github.com/mckaywrigley/chatb...
    Vercel Template: vercel.com/templates/next.js/...
    Video Chapters
    0:00 Intro
    1:00 Chatbot UI Overview
    2:10 Vercel Overview
    3:00 Deploy on Vercel
    4:00 OpenAI API Key
    6:40 Changing the Domain

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

  • @nordstrom7770
    @nordstrom7770 Год назад +9

    Adding our own knowledge base would be cooler, but this is cool too

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

      This would be awesome

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

      Just made a new video about knowledgebases ruclips.net/video/jRnUPUTkZmU/видео.html

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

    Great effort keep it up.
    Make a video on this new vercel chatbot integrate on custom website, also can we add our custom text data on it ,like langchain?

  • @christaylor-gz6mi
    @christaylor-gz6mi Год назад +1

    You are the man!! this saved me over a days worth of work! thanks buddy!

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

      You're welcome glad it was helpful! thanks for the support

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

    Very helpful thanks. Maybe next step video could be making a chat window pop up on bottom right of website that could be customer support chatbot and/or provide info on company services/products, etc.

  • @keinezeit99
    @keinezeit99 Год назад +1

    Nice tutorial! Embeddings tutorial with JS coming soon?

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

      thank you! working on it now

  • @DanieleCorradetti-hn9nm
    @DanieleCorradetti-hn9nm Год назад +2

    That's amazing! Please, could you do a tutorial on how to modify this site and using Chroma and Langchain integrate it with an embedding of multiple pdf files?

    • @starmorph
      @starmorph  Год назад +4

      It seems like everyone wants embedding tutorials, so I’m on it!

  • @TonyMontana404
    @TonyMontana404 Год назад +1

    Very cool video! We need more about langchain! 🙂

    • @starmorph
      @starmorph  Год назад +1

      Noted will keep doing more!

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

    I've already got it deployed on my own domain. Takes a while to load but runs perfectly well 👍

  • @Sadie81802
    @Sadie81802 9 месяцев назад

    Hey I followed your steps and put in my API key and it said "Error fetching models.
    Make sure your OpenAI API key is set in the bottom left of the sidebar.
    If you completed this step, OpenAI may be experiencing issues." I have not found a way to add my API key in the bottom left only see the google API option. Are these instructions out dated or am I doing something wrong?

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

    It just says internal server error when you send a message to the bot. What happened?

  • @3YearsApart1613
    @3YearsApart1613 Год назад +1

    Why would someone want to pay for API hits when people can just go to chatgpt and ask questions directly? Is the point to monitize it? Also, does the API limit GPT-4 like it does on the chatGPT?

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

      It allows businesses to integrate GPT into their own products and services instead of using the OpenAI UI which many businesses are willing to pay for. There’s currently an ~8,000 token limit per prompt on GPT-4

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

    *Great tutorial*

    • @starmorph
      @starmorph  Год назад +1

      Thank you! Good to hear from you hope all is well

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

    Hmm, I just tried this one but whenever I try to prompt even with default values there this small popup that doesn't have any message but with just a X icon at the top and no prompt is returned.

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

      I believe this is because you need to add your openai key to the environment variables of the application.

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

    Hey guys! Excellent tutorials, love having these AI tools at reach. I got a question though, is it actually GPT-4 or you must have access to its limited beta in order to make it work as gpt-4? i'm starting to play with the APIs and only got access until gpt 3.5 turbo.. aldeady on the waitlist for gpt-4 though :D

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

      Thank you very much! Good question yes GPT-4 API access is required to use your own bot with GPT-4. Currently You can use the starmorph hosted version with gpt-4 without an api key

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

      Yeah my one runs GPT-4

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

    Hi, thanks for the great info. How can I add an AI avatar image that can speak, text to speech?

    • @starmorph
      @starmorph  Год назад +1

      I am building a chatbot solution for this, feel free to contact us through our website / email / zoom intro call

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

    great video!! can we get a tutorial on how to get the google api for search working correctly (on the chatbot-ui) thanks!

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

      Great suggestion will think about how to fit this into a video, thank you

  • @r6m697
    @r6m697 Год назад +1

    I am paying Gpt-4 now but once I make this, is this means that I don't have to pay $20 or do I still need my GPT-4 ($20) to get my API key???
    I will make it anyway cuz I'll need one for my future business plan but it would be nice if I can save some expenses haha

    • @starmorph
      @starmorph  Год назад +1

      The GPT-4 API key is separate, you don't have to pay for it, but you need to be accepted into the waitlist by OpenAI. You could use this bot with GPT-3.5 which has open API key access

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

      @@starmorph I have both so I can stop paying after I make one for myself with wait-list ver. wow !!!
      thx for answering my Q~!
      Big love and respect from Japan🇯🇵

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

    do you have a guide to add vectordb as memory for this chatbot ui

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

      I just made a new video on vector DB and embeddings in general here ruclips.net/video/jRnUPUTkZmU/видео.html

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

    🎉That was Super helpful, visit tons of site, I love how you break things down and provide these tools and insights that otherwise would of cost $$ hiring a developer. Awesome Ty

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

      Thank you glad it was helpful!

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

    What would be the steps to make this deployment but containing my own product data in the language model?

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

      One way would be to use the openai API to fine tune your own model then use your newly created model as the model in this bot instead of the stock GPT-4 or 3.5-turbo

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

    Is it possible to open the chatbox in an - so I can place it side a blog post etc. ????

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

      There is probably another repo that is more simple code and more appropriate for putting directly into a webpage - this repo has a good amount of code to squish in

  • @SonsOfMars.
    @SonsOfMars. Год назад

    Can you just switch the model to gpt 4 from 3.5 , i saw that it said 3.5 when you made the new chatbot

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

      Yes you can

    • @SonsOfMars.
      @SonsOfMars. Год назад

      ​@@starmorph just made the website but it's not letting me switch to gpt 4 it'd only gpt 3.5 , should I not have used my own api key first and just went ahead and deployed the site?

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

      @@SonsOfMars. in order to use GPT-4 you need to have GPT-4 API access, which you can apply for free. Or you can use a hosted version of a bot that is powered by GPT-4 such as gpt4.starmorph.com

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

    I entered the API key from my account where there is also GPT-4 but it doesn't show it as an option in the created website, I can only see the 3.5
    what could be the problem ? Thanks

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

      Having the same problem

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

      You have to have GPT-4 API access, not just ChatGPT Plus
      openai.com/waitlist/gpt-4-api
      if you have the API access and this is still happening, you could try putting a GPT-4 API key in the UI on the bottom left under OPENAI API key and see if that works better than setting the environment variable

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

      @@starmorph Thx for the response! I pay for GPT +. I use 4 regularly through the website for day to day work, but didn't realize there was a separate API access you had to request for GPT4. Thx for sharing this link and the tutorial, very helpful! 🙏

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

    Is it possible to have this data download as a pdf or txt file instead of a json file?

    • @starmorph
      @starmorph  Год назад +1

      yes - the bot I am building for starmorph allows export to multiple file types

  • @نور_رود
    @نور_رود Год назад

    With your permission, do the api key, what is right with me

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

    how i can reach you for urgent business inquiries?

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

      Our website starmorph.com has multiple contact methods including an intro call and my email in the footer. Look forward to connecting

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

    Why did they pull down GPT 4 ):

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

      I don't think they did you just need API access

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

    It's not responding

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

      Make sure your api key is connected correctly, try different models, and feel free to use the starmorph version chatbot.starmorph.com

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

    pretty cool, but anyone could just use it right? Can I password protect the website somehow

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

      only on vercel pro. i just thought of that and it's a paid option ;(

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

      you could implement a user auth service like NextAuth or Supabase Auth