How to Use GPT-4V With Next.js 14 | Text Streaming, Image Upload, and More!

[@devsirat]

I like how you always focus on the most important stuff instead of things like tailwind classes.

[@CooperCodes]

Haha thank you. I have found that for teaching the core next.js / JavaScript functionality it helps to keep the UI simple.

[@deoarlo]

Amazing tutorials as always, would love to see you cover the latest Assistant API.

[@CooperCodes]

Thanks so much for the comment and support :), I'll check out the Assistant API. Any type of implementation in particular you'd be interested in seeing?

[@deoarlo]

@@CooperCodes An app which involves users creating their own chatbot for others to use would be great. With function calling involved.

[@parkerrex]

Just wrote the assistant api integration in swift. it's simple in web. Getting a chat to decide if it should reply to a query with the assistant using its tools versus gpt4-turbo versus reaching for an embedding would be a good video.@@CooperCodes

[@apoorvaraj3894]

You saved me Man. Really 😄. Thank you for the video and your work.

[@byteolu]

This was exactly what I needed! Great video!

[@GoatLord_]

Amazing content bro

[@maskman4821]

Great tutorial 😊😊

[@CooperCodes]

Thank you so much :) glad you enjoyed!

[@Rajvirnahar]

Cooper, can we get a video where you loop dall e 3 and gpt 4 vision preview together so users can change or remove certain parts of the image they've uploaded while keeping everything else the same. and only what they type in the prompt of what they want changed changes

[@diogos7233]

Great video. Why did you use api routes instead of server actions? Would it be possible to build this app with server actions instead of api routes? I'm new to next js and this is what confuses me the most. Thanks for the video. Keep up the good work.

[@tabletuser123]

fantastic vid but how do we deploy

[@bradleywoolf3351]

why do you need to use the 'use client' at the deepest level? can it not be inherited from parent components? why would be it better to be as narrow as possible with using it?

[@shotbyviera]

nice!

[@CooperCodes]

Thanks for the comment :)

[@Deus-lo-Vuilt]

I was just thinking if it's possible to make a video with Next 14 using supabase to pass the context to Openai

[@marvellousadedapo8952]

I keep getting the error cannot find module "open-ai"

[@likhikaroutray5575]

great tutorial!! can this be used in supabse as i am trying to build a chat interface web app which fetch chat history on user authentication. Thank you!

[@CooperCodes]

This can 100% be used alongside Supabase, but you would have to create some PostgreSQL tables in order to save chat history and things along those lines. Within the POST request made in this tutorial you can implement a supabase client to do any database / auth operations that you may need. Hopefully this helps! Thanks so much for watching :)

[@likeGPT]

Very great video. Thank you! I don't know much about useChat, how do I pass custom parameters defined on the front end to the api/chat interface?

[@ungaria446]

29:18

[@andy111007]

I tried to run it and giving me an error, shared on the git repo

[@CooperCodes]

Did you change the API key? It will not work just from cloning the repo if you do not replace the configuration with your own API key. github.com/coopercodes/GPT4VWithNextJS14ImageAnalysis/blob/20dde4b9702976204a9a699ff1d2849afe91451c/app/api/analyzeImage/route.ts#L7C17-L7C65 this link should bring you to the line.

[@paulthomas1052]

Great demo as usual. Thanks.

[@CooperCodes]

Appreciate the comment as always :) glad you enjoyed

[@paulthomas1052]

@@CooperCodesNo probs - I've been digging about in Bun again ....any plans to do a Bun video ?