Jesse Hall

Jesse Hall

Jesse Hall, aka @codeSTACKr, is a Staff Developer Advocate at LiveKit.io and a full-stack developer who specializes in teaching web development. He creates articles, videos, live streams, and interactive presentations that help developers build AI-powered web applications. Jesse focuses on JavaScript, TypeScript, React, Node.js, Next.js, Tailwind CSS, and real-time communication technologies. As a self-taught developer, he understands the challenges developers face and breaks down complex topics into clear, actionable content for web developers at all skill levels.
Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure
JSNation 2026JSNation 2026
Upcoming
Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure
Ever wondered what it takes to power millions of voice conversations at ChatGPT's scale?When OpenAI needed infrastructure for ChatGPT's Advanced Voice Mode, they turned to LiveKit's open source Agents framework. Not a proprietary black box. Not a closed platform. Open source software that anyone can use, modify, and deploy.In this talk, I'll take you behind the scenes of building production voice AI infrastructure that handles millions of conversations:Why Open Source for Production AI – The technical and business reasons behind the choiceArchitecture Decisions – How we built for scale, reliability, and low latencyScaling to Millions of Calls – The challenges you don't anticipate until you hit themLessons Learned – What we'd do differently knowing what we know nowWhat's Possible Now – How you can use the same infrastructure for your projectsThis isn't a sales pitch, it's a technical deep dive with real production metrics, architectural diagrams, and honest discussions about trade-offs. You'll see the actual stack, understand the scaling challenges, and learn from our mistakes.Whether you're building your first voice agent or scaling to production, you'll walk away with insights from one of the largest voice AI deployments in the world. Because the infrastructure powering ChatGPT's voice mode is open source, and it's available to everyone.
Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI
React Advanced 2025React Advanced 2025
20 min
Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI
Traditional chat interfaces only return text, but what if your AI assistant could render custom React components directly in the conversation? In this lightning talk, we’ll explore generative UI - where chat applications stream contextually appropriate React components instead of plain text responses. When users ask about sales data, they get interactive charts. When they search for properties, they get rich product cards. Through code examples, you’ll see how to build chat interfaces where AI intelligently selects and renders React components populated with real-time data from semantic search and vector databases. You’ll walk away with practical patterns for implementing this technique and understanding how modern data platforms enable these dynamic, visual conversational experiences that go far beyond simple text responses.
Let AI Be Your Docs
JSNation 2024JSNation 2024
69 min
Let AI Be Your Docs
Workshop
Join our dynamic workshop to craft an AI-powered documentation portal. Learn to integrate OpenAI's ChatGPT with Next.js 14, Tailwind CSS, and cutting-edge tech to deliver instant code solutions and summaries. This hands-on session will equip you with the knowledge to revolutionize how users interact with documentation, turning tedious searches into efficient, intelligent discovery.
Key Takeaways:
- Practical experience in creating an AI-driven documentation site.- Understanding the integration of AI into user experiences.- Hands-on skills with the latest web development technologies.- Strategies for deploying and maintaining intelligent documentation resources.
Table of contents:- Introduction to AI in Documentation- Setting Up the Environment- Building the Documentation Structure- Integrating ChatGPT for Interactive Docs
OpenAI in React: Integrating GPT with Your React Application
React Summit 2024React Summit 2024
10 min
OpenAI in React: Integrating GPT with Your React Application
Explore the integration of OpenAI's GPT into React applications to create dynamic, intelligent user interfaces. This session offers practical insights into leveraging GPT's powerful NLP capabilities for chatbots, content generation, and personalized user experiences. Dive into the technical setup with Next.js 14, LangChain, Vercel's AI SDK, and MongoDB's Vector Search to optimize and customize your applications. Join us to transform your React projects with AI.
Let AI Be Your Docs
React Day Berlin 2023React Day Berlin 2023
88 min
Let AI Be Your Docs
Workshop
Unleash the power of AI in your documentation with this hands-on workshop. In this interactive session, I'll guide you through the process of creating a dynamic documentation site, supercharged with the intelligence of AI (ChatGPT).
Imagine a world where you don't have to sift through pages of documentation to find that elusive line of code. With this AI-powered solution, you'll get precise answers, succinct summaries, and relevant links for deeper exploration, all at your fingertips.
This workshop isn't just about learning; it's about doing. You'll get your hands dirty with some of the most sought-after technologies in the market today: Next.js 13.4 (app router), Tailwind CSS, shadcn-ui (Radix-ui), OpenAI, LangChain, and MongoDB Vector Search.
OpenAI in React: Integrating GPT-4 with Your React Application
React Day Berlin 2023React Day Berlin 2023
11 min
OpenAI in React: Integrating GPT-4 with Your React Application
Watch video: OpenAI in React: Integrating GPT-4 with Your React Application
In this talk, attendees will learn how to integrate OpenAI's GPT-4 language model into their React applications, exploring practical use cases and implementation strategies to enhance user experience and create intelligent, interactive applications.
Let AI Be Your Docs
React Summit US 2023React Summit US 2023
135 min
Let AI Be Your Docs
Workshop
Unleash the power of AI in your documentation with this hands-on workshop. In this interactive session, I'll guide you through the process of creating a dynamic documentation site, supercharged with the intelligence of AI (ChatGPT).Imagine a world where you don't have to sift through pages of documentation to find that elusive line of code. With this AI-powered solution, you'll get precise answers, succinct summaries, and relevant links for deeper exploration, all at your fingertips.This workshop isn't just about learning; it's about doing. You'll get your hands dirty with some of the most sought-after technologies in the market today: Next.js, shadcn-ui, OpenAI, LangChain, and MongoDB Vector Search.
OpenAI in React: Integrating GPT-4 with Your React Application
React Summit US 2023React Summit US 2023
22 min
OpenAI in React: Integrating GPT-4 with Your React Application
Watch video: OpenAI in React: Integrating GPT-4 with Your React Application
In this talk, attendees will learn how to integrate OpenAI's GPT-4 language model into their React applications, exploring practical use cases and implementation strategies to enhance user experience and create intelligent, interactive applications.