Build a Modern AI Chatbot in Next.js 14 (2024)

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024
  • in this video we're building a chat-to-any-website bot from beginning to end :^)
    Full project code: github.com/ups...

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

  • @Shura-yd4jq
    @Shura-yd4jq Месяц назад +7

    Thanks a lot for your efforts and other similar courses. I've been a React developer for about 3 years now and my Next.js skills are kind of rusty since I stopped using it in 2021 (way before app router and server components), so these help out a ton.

  • @khsralt
    @khsralt Месяц назад +3

    WOW SO MUCH LOVE JOSH , the best ever programmer , is there any possibilities in the near future that you may consider to build a full stack e commerce app or some or ai integration chatbot in ang website snd that kinds of projects are so interesting thanks a lot for you hard work ❤️❤️☺️

  • @AlbertHistory
    @AlbertHistory Месяц назад +3

    just finished up, i ran into an issue where no matter what site i link to the AI it always thinks it is the first website in the DB, any idea where the issue could be?

  • @ahmedkhabar
    @ahmedkhabar Месяц назад +5

    38:14 Hi Josh, When you want to get the last element from a list, you can use .at(-1) it's more easy to use, for example in the messages simple you can use messages.at(-1) instead of messages[messages.length - 1]
    and thanks for your content

    • @sunitjoshi3573
      @sunitjoshi3573 Месяц назад +1

      Yup, -ve indexing is useless in Python too.

  • @codesera9416
    @codesera9416 5 дней назад

    Bro have some serious skills

  • @0xTomster
    @0xTomster Месяц назад

    Amazing tutorial I’m going to try and build a next side project using upstash 😊

  • @malikajellal7237
    @malikajellal7237 Месяц назад +4

    Excellent video, very well explained. I learnt a lot. My question as a beginner: can we chat with our own documents (pdf, texts) instead of doing it with sites? Thank you 🙂

    • @jasonxu3412
      @jasonxu3412 Месяц назад +2

      you can, the rag chat API allow you to specify a local/network PDF source

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

      @@jasonxu3412 thanks

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

    Amazing project Josh!

  • @time-barbaad
    @time-barbaad Месяц назад +1

    Can you please tell how to deploy this project on vercel? Is it possible?

  • @FreeDeveloper
    @FreeDeveloper 15 дней назад

    why am I getting this error?
    error: No version matching "0.1.1" found for specifier "@llamaindex/openai" (but package exists)
    🤔😔

  • @P.R.RacerX-Studio
    @P.R.RacerX-Studio Месяц назад

    Thanks a lot for your efforts. Could you continue with modern to enroll in a membership on a monthly or yearly?

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

    Josh! You're amazing

  • @rishikeshpanda2280
    @rishikeshpanda2280 19 дней назад +1

    "Attempted import error: 'LlamaParseReader' is not exported from 'llamaindex' (imported as 'LlamaParseReader')."
    Facing this error. Any help would be great!

    • @DevSharma-ez1gx
      @DevSharma-ez1gx 16 дней назад

      Its the version problem

    •  16 дней назад

      I solved it by excluding llamaindex from my server components bundle. In your Next.js config add:
      experimental: {
      serverComponentsExternalPackages: [
      "onnxruntime-node",
      "llamaindex",
      ],
      },

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

    Amazing again josh

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

    getting rate limit for the upstash

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

    Hey man thanks for the build! I followed along build the entire thing out and deployed it on vercel. It was working perfectly fine but all of a sudden I've started getting 504 errors. I've tried redeploying the code as well but nothing helped. Can you suggest a fix or anyone for that matter?

  • @10zDelek
    @10zDelek Месяц назад

    why I am getting openai error for rate limit when we are using llama?

  • @testingpurpose4737
    @testingpurpose4737 20 дней назад

    You should add generative ui

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

    Super cool project

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

    im getting "Hydration failed because the initial UI does not match what was rendered on the server." can you help me solving it ? did you use some libraries that might be causing this ? and what do you think in which file must be this error?

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

      "use client" at the top of the file tends to solve this problem more often than not if it's a client side component.

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

    amazing fr !!

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

    Josh your wallpaper 😂

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

    Woho Josh!

  • @CarlosTello-m8h
    @CarlosTello-m8h 24 дня назад

    interesting

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

    Awesome

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

    shrek is love ♥

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

    i think you use too much of unnecessary divs dude

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

    WE NEED OPEN SOURCE 😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅

  • @고민영-y7s
    @고민영-y7s Месяц назад +2

    I love yout work ❤❤
    Just a quick question, is there any way to add primary key column in the vector db so that i can only generate messages from specific vector db data.
    Example: i go to wikipidia of sun then i go to wikipedia of moon and i ask question. but both of the data have been saved in the vector and i dont want my chat to know about the sun info as I am in the moon website

  • @igmeMarcial
    @igmeMarcial Месяц назад +4

    I need your wallpaper

  • @omribitan8719
    @omribitan8719 3 дня назад

    hey
    i'm getting :
    Server Error
    Error: Failed to create upstash LLM client: QSTASH_TOKEN not found. Pass apiKey parameter or set QSTASH_TOKEN env variable.
    any solution ?

  • @zenoshin
    @zenoshin 2 дня назад

    Love the vid, any plans to enable structured data generation? This makes RAG super easy but having the output as a schema would be next level!

  • @himesh_89
    @himesh_89 Месяц назад +1

    Thank you for sharing. Do you have any suggestions on how to create an embed script that can be used on different sites, such as how intercom or any chat widget integration works?

  • @РодионЧаускин
    @РодионЧаускин 2 дня назад

    Anderson Frank Hall Joseph White Mary

  • @RolandElvira-l4y
    @RolandElvira-l4y 11 дней назад

    Harris Laura Rodriguez Scott Martin Cynthia

  • @GuriLudhiana
    @GuriLudhiana 2 дня назад

    amazing

  • @tszhong0411
    @tszhong0411 Месяц назад +1

    MacOS!!

  • @raybanz8598
    @raybanz8598 27 дней назад

    do you have braces bro?

  • @dipaksaha6629
    @dipaksaha6629 15 дней назад

    thanks for making this videos.....waiting for the next ones

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

    Hi Jish, thankyou for creating this, plz help , how we can deploy this site on vercel or any platform..

  • @AshishBharma-i5r
    @AshishBharma-i5r Месяц назад

    can i use for other web site
    instead of wiki

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

    This thing is buzzing

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

    How to finetune chatgpt 3.5.sonnet model

  • @Sumi-ql3wj
    @Sumi-ql3wj Месяц назад +2

    Hey! Just finished this project man! absolutely amazing

    • @AlbertHistory
      @AlbertHistory Месяц назад +1

      hey! I also finished up, but I have an issue where no matter what website i open up, the AI thinks im talking about the first website in the database. any ideas?

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

    epic wallpaper

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

    Can we deploy this ?