Streaming Rendering
Streaming (Server-Side Streaming)
Demonstrates progressive content delivery where data is streamed from server to client in chunks.
📡 Data Streaming Progress
Streaming data from server...0%
📊 Received Data
12/18/2025, 01:12:08 AM
7ttxcqdzm76
prerender
51ms
3,129 req/s
99.9%
🔍 Raw JSON Data
{
"timestamp": "2025-12-18T01:12:08.824Z",
"serverTime": "12/18/2025, 01:12:08 AM",
"metrics": {
"cpuUsage": 99,
"memoryUsage": 37,
"networkIO": 967,
"diskIO": 100,
"activeConnections": 191,
"requestsPerSecond": 716
},
"streams": [
{
"id": "stream-1",
"name": "User Activity Stream",
"status": "active",
"dataPoints": [
{
"timestamp": "2025-12-18T01:11:59.824Z",
"value": 105
},
{
"timestamp": "2025-12-18T01:12:00.824Z",
"value": 87
},
{
"timestamp": "2025-12-18T01:12:01.824Z",
"value": 89
},
{
"timestamp": "2025-12-18T01:12:02.824Z",
"value": 101
},
{
"timestamp": "2025-12-18T01:12:03.824Z",
"value": 20
},
{
"timestamp": "2025-12-18T01:12:04.824Z",
"value": 63
},
{
"timestamp": "2025-12-18T01:12:05.824Z",
"value": 95
},
{
"timestamp": "2025-12-18T01:12:06.824Z",
"value": 106
},
{
"timestamp": "2025-12-18T01:12:07.824Z",
"value": 44
},
{
"timestamp": "2025-12-18T01:12:08.824Z",
"value": 88
}
]
},
{
"id": "stream-2",
"name": "Performance Metrics",
"status": "active",
"dataPoints": [
{
"timestamp": "2025-12-18T01:11:59.824Z",
"value": 38
},
{
"timestamp": "2025-12-18T01:12:00.824Z",
"value": 56
},
{
"timestamp": "2025-12-18T01:12:01.824Z",
"value": 32
},
{
"timestamp": "2025-12-18T01:12:02.824Z",
"value": 35
},
{
"timestamp": "2025-12-18T01:12:03.824Z",
"value": 16
},
{
"timestamp": "2025-12-18T01:12:04.824Z",
"value": 25
},
{
"timestamp": "2025-12-18T01:12:05.824Z",
"value": 37
},
{
"timestamp": "2025-12-18T01:12:06.824Z",
"value": 21
},
{
"timestamp": "2025-12-18T01:12:07.824Z",
"value": 42
},
{
"timestamp": "2025-12-18T01:12:08.824Z",
"value": 23
}
]
},
{
"id": "stream-3",
"name": "Error Rate Monitor",
"status": "warning",
"dataPoints": [
{
"timestamp": "2025-12-18T01:11:59.824Z",
"value": 3
},
{
"timestamp": "2025-12-18T01:12:00.824Z",
"value": 3
},
{
"timestamp": "2025-12-18T01:12:01.824Z",
"value": 2
},
{
"timestamp": "2025-12-18T01:12:02.824Z",
"value": 1
},
{
"timestamp": "2025-12-18T01:12:03.824Z",
"value": 5
},
{
"timestamp": "2025-12-18T01:12:04.824Z",
"value": 0
},
{
"timestamp": "2025-12-18T01:12:05.824Z",
"value": 0
},
{
"timestamp": "2025-12-18T01:12:06.824Z",
"value": 9
},
{
"timestamp": "2025-12-18T01:12:07.824Z",
"value": 0
},
{
"timestamp": "2025-12-18T01:12:08.824Z",
"value": 5
}
]
}
],
"events": [
{
"id": "event-1766020328825-1",
"type": "info",
"message": "New user connected from US-East",
"timestamp": "2025-12-18T01:11:31.453Z"
},
{
"id": "event-1766020328825-2",
"type": "success",
"message": "Database backup completed successfully",
"timestamp": "2025-12-18T01:12:08.500Z"
},
{
"id": "event-1766020328825-3",
"type": "warning",
"message": "High memory usage detected on server-2",
"timestamp": "2025-12-18T01:10:03.999Z"
},
{
"id": "event-1766020328825-4",
"type": "error",
"message": "Failed to connect to external API",
"timestamp": "2025-12-18T01:12:04.880Z"
}
],
"systemStatus": {
"overall": "healthy",
"services": {
"webServer": "healthy",
"database": "healthy",
"cache": "healthy",
"messageQueue": "healthy"
}
},
"performance": {
"responseTime": 51,
"throughput": 3129,
"errorRate": 3.365046178981487,
"uptime": "99.9%"
},
"metadata": {
"renderMode": "Streaming",
"requestId": "7ttxcqdzm76",
"version": "1.0.0",
"environment": "prerender"
}
}