Real-time Features Examples

Real-time functionality implementations using WebSockets, Server-Sent Events, and polling.

WebSocket Implementation

Chat Application

# Create chat app (v5)
/create makerkit-nextjs chat-app

# Use real-time prompts:
/orchestrate "Implement WebSocket chat with Socket.io"
/add-feature "Real-time typing indicators"
/add-feature "Online presence tracking"

# Document patterns:
/document-feature "WebSocket connection management and reconnection"
/learn  # Extract real-time architecture insights

Live Collaboration

Document Editing

# Collaborative editor (v5)
/orchestrate "Build collaborative document editor"
/add-feature "Operational transformation for conflicts"
/add-feature "Show other users' cursors in real-time"

# Memory captures:
# - Conflict resolution algorithms
# - Cursor synchronization logic
# - Performance optimizations

/performance-check  # Analyze real-time latency

Push Notifications

Web Push

# Browser notifications
/add-feature "Web push notification system"

# Service worker
/orchestrate "Service worker for background notifications"

Mobile Push

# React Native
/implement-push-notifications "FCM and APNs setup"

# Notification handling
/add-feature "In-app notification center"

Live Updates

Dashboard Updates

# Real-time metrics
/add-feature "Live dashboard with auto-refresh"

# Server-sent events
/orchestrate "SSE for efficient data streaming"

See Also

• WebSocket Patterns
• Cloudflare Durable Objects
• Mobile Push Notifications