Chat Frontend

The Chat Frontend is the real-time UI layer used across:

• Main site embeds
• Standalone chat pages
• OBS/browser sources

Responsibilities

• WebSocket connection management
• Message rendering
• Emotes, mentions, embeds
• Client-side moderation UX

Non-Responsibilities

• Auth validation
• Message persistence
• Cross-channel fanout

Those are owned by the Chat Backend.

Tech Stack

• Next.js (Client Components)
• Socket.IO client
• Zustand / Context
• CSS animations (Kick/DGG style)

Entry Points

• /chat
• /chat/embed
• /chat/overlay

Related Docs

• → Architecture
• → Socket Flow
• → Commands
• → Theming