GPT-4 Vision and Next.js Tutorial - Create Your Own AI Coding Bot

I'll guide you step-by-step on how to create your own AI coding bot using GPT-4 Vision and Next.js. This is everything you need to know to get started making your own custom gpt 4 apps with next.js and HTTP streaming.

Next two videos that build ontop of this:

Upload image to S3: Networking in React:


Join this channel to help me out and get early access to some videos:


  • 0:00​ Intro
  • 1:59 POST to Server
  • 4:06 Setup OpenAI
  • 6:14 Streaming
  • 13:15 Markdown Parsing
  • 17:35 Prompt Engineering
  • 19:59 Edge Runtime
  • 20:48 GPT Vision Image URL
  • 24:45 Stop streaming
  • 29:13 Summary

Reference Links:

My Website: Instagram: Twitter: Github:

Find an issue with this page? Fix it on GitHub