- 1.Building a Chat: Chapter 1 β Architecture and Setup
Two separate apps, four core concepts, and getting Rails ActionCable talking to Next.js over WebSockets.
γ»7 minπ - 2.Building a Chat: Chapter 2 β The ActionCable Backend
Connection authentication, visitor and admin channels, the data model, and how Solid Cable replaces Redis with SQLite.
γ»7 minπ - 3.Building a Chat: Chapter 3 β The Frontend Client
TypeScript ActionCable client, discriminated unions for channel data, React WebSocket lifecycle, and the useRef trap that prevents infinite reconnections.
γ»7 minπ - 4.Building a Chat: Chapter 4 β Admin Dashboard and Push Notifications
Admin authentication, managing multiple conversations over one WebSocket, and the full Web Push notification pipeline from VAPID keys to the service worker.
γ»6 minπ - 5.Building a Chat: Chapter 5 β Deployment with Kamal
Docker multi-stage build, Kamal 2 deployment to Hetzner, secrets management, GitHub Actions CI/CD, and production WebSocket wiring.
γ»5 minπ