Ship a Production Voice Agent: A Hands-on Workshop

You can join this free public workshop live remotely

Registration will open soon

Ready to bring conversational AI to life? In this hands-on workshop, we'll walk through deploying a real-time voice agent using Render's cloud platform. You'll work directly with LiveKit's voice agent template to create an interactive AI assistant that can listen, think, and respond naturally through voice.

You'll discover:

How to set up and configure a LiveKit voice agent using Render's deployment template
The architecture behind real-time voice AI systems and how different components work together
Best practices for managing environment variables, API keys, and cloud service integrations
Techniques for testing and debugging your deployed voice agent in production
Strategies for monitoring performance and scaling your AI application as usage grows

By the end of this workshop, you'll have a fully functional voice agent running in the cloud, ready to handle real conversations. You'll gain practical experience with modern AI deployment tools and understand the complete pipeline from template to production.

This workshop is ideal for developers interested in conversational AI, engineers looking to add voice capabilities to their applications, and anyone curious about deploying real-time AI systems without getting lost in infrastructure complexity.

This workshop has been presented at AI Coding Summit 2026, check out the latest edition of this Tech Conference.

web apps

Shifra Williams

Watch more workshops on topic

Full-stack App in half a Day: Next.js 15 Development Bootcamp

React Summit 2025

175 min

Full-stack App in half a Day: Next.js 15 Development Bootcamp

Featured WorkshopFree

Maurice de Beijer

Unlock the Power of Modern Full-Stack Development in Half a Day!Ready to build lightning-fast, scalable web applications? Join our immersive 4-hour interactive workshop and dive headfirst into the world of Full-Stack Next.js 15!This isn't just another theory session. You'll roll up your sleeves and build a real-world movie comparison application from scratch, guided step-by-step by our expert instructor Maurice. We'll start by setting up your local development environment with a robust PostgreSQL database running in a Docker container. Then, you'll experience the magic of rapid UI generation using v0.dev, allowing you to create stunning interfaces with ease.But we won't stop at the front-end. You'll learn how to seamlessly integrate your UI with a powerful backend using Next.js 15's latest features and the elegant Prisma ORM to interact with your PostgreSQL database. Plus, you'll discover the best practices for handling client-side behavior with a fun, interactive movie comparison feature.Finally, we'll take your application live with continuous deployment to Vercel, showcasing how to effortlessly share your creations with the world. By the end of this workshop, you'll have a fully functional movie comparison app and the confidence to tackle your own full-stack projects using the cutting-edge Next.js 15 ecosystem.

web apps

Web Accessibility in JavaScript Apps

React Summit 2022

161 min

Web Accessibility in JavaScript Apps

Workshop

Sandrina Pereira

Often we see JavaScript damaging the accessibility of a website. In this workshop, you’ll learn how to avoid common mistakes and how to use JS in your favor to actually enhance the accessibility of your web apps!
In this workshop we’ll explore multiple real-world examples with accessibility no-nos, and you'll learn how to make them work for people using a mouse or a keyboard. You’ll also learn how screen readers are used, and I'll show you that there's no reason to be afraid of using one!
Join me and let me show you how accessibility doesn't limit your solutions or skills. On the contrary, it will make them more inclusive!
By the end, you will:- Understand WCAG principles and how they're organized- Know common cases where JavaScript is essential to accessibility- Create inclusive links, buttons and toggleble elements- Use live regions for errors and loading states- Integrate accessibility into your team workflow right away- Realize that creating accessible websites isn’t as hard as it sounds ;)

javascript accessibility web apps

React at scale with Vodafone

React Summit 2022

130 min

React at scale with Vodafone

Workshop

React at scale with Vodafone

react case study web apps mobile apps

How to Create a Web Application in an (Almost) Autonomous Way Using Clean Coder

Productivity Conf for Devs and Tech Leaders

95 min

How to Create a Web Application in an (Almost) Autonomous Way Using Clean Coder

Workshop

Grigorij Dudnik

Imagine replacing yourself with a multi-agent AI programmer to develop your production web application. That's exactly what we did at my startup takzyli.pl. To achieve this, we designed and used the Clean Coder - AI agent framework for autonomous code writing (https://github.com/GregorD1A1/Clean-Coder-AI), which is hopefully open-source project. If it worked for us, why shouldn't it work for you?In this workshop, I'll show you how to create an entire web application in an (almost) autonomous way and drastically reduce the time you or your employees spend on writing code.

productivity web apps

Build a Universal Reactive Data Library with Starbeam

JSNation 2023

66 min

Build a Universal Reactive Data Library with Starbeam

WorkshopFree

Yehuda Katz

This session will focus on Starbeam's universal building blocks. We'll use Starbeam to build a data library that works in multiple frameworks.We'll write a library that caches and updates data, and supports relationships, sorting and filtering.Rather than fetching data directly, it will work with asynchronously fetched data, including data fetched after initial render. Data fetched and updated through web sockets will also work well.All of these features will be reactive, of course.Imagine you filter your data by its title, and then you update the title of a record to match the filter: any output relying on the filtered data will update to reflect the updated filter.In 90 minutes, you'll build an awesome reactive data library and learn a powerful new tool for building reactive systems. The best part: the library works in any framework, even though you don't think about (or depend on) any framework when you built it.
Table of contents- Storing a Fetched Record in a Cell- Storing multiple records in a reactive Map- Reactive iteration is normal iteration- Reactive filtering is normal filtering- Fetching more records and updating the Map- Reactive sorting is normal sorting (is this getting a bit repetitive?)- Modelling cache invalidation as data- Bonus: reactive relationships

frameworks web apps reactivity

Build Web3 apps with React

React Summit 2022

51 min

Build Web3 apps with React

Workshop

Shain Dholakiya

The workshop is designed to help Web2 developers start building for Web3 using the Hyperverse. The Hyperverse is an open marketplace of community-built, audited, easy to discover smart modules. Our goal - to make it easy for React developers to build Web3 apps without writing a single line of smart contract code. Think “npm for smart contracts.”
Learn more about the Hyperverse here.
We will go over all the blockchain/crypto basics you need to know to start building on the Hyperverse, so you do not need to have any previous knowledge about the Web3 space. You just need to have React experience.

web apps npm web3

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Domain Driven Design with Vue Applications

Vue.js London 2023

14 min

Domain Driven Design with Vue Applications

Top Content

Abdulrasaq Mustapha

<br>

Welcome to this talk on domain-driven design in Vue.js application. Today we are going to look into domain-driven design, its benefits and how it works with Vue.js domain-driven design versus the MVVM model. Vue.js thrives in domain-driven design, a design approach that models software to match a domain. DDD emphasizes understanding business logic and creating a domain that reflects the language and concepts. Integrating DDD in Vue.js offers benefits such as effective modeling of complex business domains, structured code reflecting domain logic, and easier onboarding and ownership.

web apps vue vue 3 design

Data Loaders - Elevating Data Fetching in Vue

Vue.js Live 2024

30 min

Data Loaders - Elevating Data Fetching in Vue

Eduardo San Martin Morote

Vue.js Core Team

Data loaders provide a solution for complex and repetitive data fetching in Vue.js applications. Using data loaders allows for more independent data fetching and integrates with the navigation cycle. The data loader plug-in adds a navigation guard for data fetching and loading. Lazy loading and caching can be implemented using Pina Colada and Glada loaders. These loaders can improve the performance and speed of data fetching in applications.

web apps vue api development

No Seriously: htmx is Pro-JavaScript!

JSNation US 2024

29 min

No Seriously: htmx is Pro-JavaScript!

Watch video: No Seriously: htmx is Pro-JavaScript!

Carson Gross

Creator of htmx

HTMX is a hypermedia-oriented front-end library that enhances HTML as a hypermedia. It generalizes the concept of hypermedia controls in HTML, allowing any element to become a hypermedia control. HTMX provides practical attributes like HX swap and HX indicator. The active search demo showcases the dynamic behavior achievable with HTMX. HTMX allows developers to build web applications without writing a ton of JavaScript. It works well for traditional web apps but may not be suitable for offline functionality or fast interactions. HTMX can be integrated with JSX and various backend stacks, and TypeScript can be used alongside HTMX.

frameworks web apps

How to Share Code between React Web App and React Native Mobile App in Monorepo

React Summit 2022

7 min

How to Share Code between React Web App and React Native Mobile App in Monorepo

Emily Xiong

This presentation focuses on sharing code between React web and React native mobile apps. The speaker demonstrates how to achieve feature parity using a Monorepo with NX. They highlight the importance of sharing non-UI code, such as business logic and state management, through shared libraries. This approach allows the apps to focus on UI code while keeping non-UI code separate. For more details, refer to the speaker's blog post.

react native web apps mobile apps cross-platform developer challenges react mobile app

MIDI in the Browser... Let's Rock the Web!

JSNation 2022

28 min

MIDI in the Browser... Let's Rock the Web!

Jean-Philippe Côté

Professor @ Collège Édouard-Montpetit

MIDI is a versatile communication protocol that extends beyond music and opens up exciting possibilities. The Web MIDI API allows remote access to synths and sound modules from web browsers, enabling various projects like music education systems and web audio-based instruments. Developers can connect and use MIDI devices easily, and the Web MIDI API provides raw MIDI messages without semantics. The WebMidi.js library simplifies working with the Web MIDI API and offers a user-friendly interface for musicians and web developers. MIDI on the web has generated significant interest, with potential for commercial growth and endless possibilities for web developers.

browser api web apps audio

The Next Wave of Web Frameworks is BYOJS

JSNation 2022

23 min

The Next Wave of Web Frameworks is BYOJS

Brandon Roberts

Developer Experience Engineer @ Appwrite

The next wave of web frameworks is BYOJS, covering the history and evolution of building web applications. The evolution of web frameworks and build systems includes popular choices like React, Angular, and Vue, as well as advanced build systems like Webpack and Rollup. The rise of performance measurement tools and the adoption of the Jamstack have led to improved web performance. The Jamstack architecture focuses on pre-rendering pages, decoupling APIs and services, and enhancing pages with JavaScript. Astro, a static site generator with SSR support, promotes the islands architecture and partial hydration.

frameworks web apps astro