Building a fully featured scalable chat app
summary
A production-ready demo chat app shows a React front end hosted on Azure Static Web Apps, Azure Functions in TypeScript for APIs, Cosmos DB for channels/users and Blob Storage for media, with Ably handling Ably pub/sub real-time delivery. Demo runs live but direct messaging is still WIP; presence, search, mentions and moderation are planned. Costs are modeled with the Cosmos DB capacity calculator; the presenter warns a 1,000‑user channel can produce 1,000 messages or scale to ~1,000,000 when everyone sends simultaneously. Cosmos DB Emulator and Codespaces enable quick local setup.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:30Agenda
- 1:35Realtime communication
- 4:25Demo
- 5:40Why
- 7:05Domain objects
- 9:20Architecture
- 11:30Realtime vs Near realtime
- 16:00Application architecture
- 17:55Local development
- 21:55GitHub repo
related talks
44mGoing real time using Azure CosmosDB and React
01h 02mGoing Real Time Using Azure CosmosDB and React
31mGoing real time using Azure CosmosDB and React
20mSupercharge Your Full-stack App with a Reactive Database
52mBuilding a Realtime Chat with GraphQL Subscriptions
51mBuilding real-time applications with Blazor and GraphQL
26mDesigning Mobile-based Scalable Solutions for Video Calling
43mServerless Data APIs with Azure Functions and Cosmos DB