HinterBuild logoHinterBuild
AI Systems · 12 min read

Streaming LLM Responses in Production

Streaming LLM Responses in Production guidance for engineers: compare architecture choices, avoid failure modes, and ship a measurable, reliable.

Muhammad Abdul Sami, author

Muhammad Abdul Sami

· Updated · 12 min read

  • APIs
  • Architecture
  • Performance
  • Testing

Table of Contents:

Why Stream LLM Responses?

Short answer: Streaming LLM responses in production reduces perceived latency from seconds to milliseconds by delivering tokens as they are generated — critical for user retention in chat, copilot, and agent interfaces.

If you searched "streaming LLM responses production", you are building a real-time AI interface and need to choose between SSE and WebSockets, handle failures mid-stream, and design UX that feels responsive under load. After implementing streaming for 10+ production AI agent systems at HinterBuild, one metric dominates: time-to-first-token (TTFT) under 500ms keeps users engaged. Waiting 3 seconds for a complete response loses 40% of users.

Key Takeaways:

  • SSE is the default for unidirectional LLM streaming (server → client)
  • WebSockets are required for bidirectional agent interactions with tool calls
  • Backpressure handling prevents memory exhaustion under slow clients
  • Always handle mid-stream errors gracefully — partial responses need recovery UX
  • Monitor TTFT, tokens/sec, and stream completion rate in production

Non-streaming feels broken in 2026. Users expect ChatGPT-style token-by-token delivery. Batch responses that appear all at once after 4 seconds feel like a bug — even when total latency is identical.

This guide covers streaming LLM responses production architecture: protocols, code, backpressure, errors, and UX.


SSE vs WebSockets for LLM Streaming

Choosing the right transport protocol is the first architectural decision for streaming LLM responses.

FeatureServer-Sent Events (SSE)WebSockets
DirectionServer → client (unidirectional)Bidirectional
ProtocolHTTP/1.1 or HTTP/2WS upgrade from HTTP
ReconnectionBuilt-in auto-reconnectManual implementation
Proxy/CDN supportExcellent (standard HTTP)Requires WS-aware proxies
Browser APIEventSource (native)WebSocket (native)
OverheadLow (text/event-stream)Low (binary or text frames)
Best forChat streaming, completionsAgents, voice, collaborative editing

When to Use SSE

  • Standard chat/completion UIs
  • One request → one streamed response
  • REST API compatibility matters
  • CDN and load balancer simplicity
  • Mobile clients with intermittent connectivity (auto-reconnect)

When to Use WebSockets

  • Multi-agent orchestration with server-initiated updates
  • Real-time tool call progress notifications
  • Voice AI (audio streaming both directions)
  • Collaborative editing with AI suggestions
  • Client sends messages while previous response still streaming

The Hybrid Pattern

Most production AI applications use SSE for completions and WebSockets for agent sessions:

Chat completion → SSE (simple, reliable)
Agent session with tools → WebSocket (bidirectional, progress events)

Our backend API engineering team defaults to SSE unless bidirectional requirements are explicit.


Implementing SSE Streaming (Production Code)

Server-Sent Events deliver LLM tokens over a standard HTTP response with Content-Type: text/event-stream.

FastAPI SSE Backend

python
from fastapi import FastAPI, Request
from fastapi.responses import StreamingResponse
from openai import AsyncOpenAI
import json
import asyncio

app = FastAPI()
client = AsyncOpenAI()

async def generate_sse_events(prompt: str, request: Request):
    """Stream LLM tokens as SSE events."""
    try:
        stream = await client.chat.completions.create(
            model="gpt-4o",
            messages=[{"role": "user", "content": prompt}],
            stream=True,
            temperature=0.7,
        )

        async for chunk in stream:
            if await request.is_disconnected():
                break

            delta = chunk.choices[0].delta
            if delta.content:
                event_data = json.dumps({
                    "type": "token",
                    "content": delta.content,
                })
                yield f"data: {event_data}\n\n"

            if chunk.choices[0].finish_reason:
                yield f"data: {json.dumps({'type': 'done', 'reason': chunk.choices[0].finish_reason})}\n\n"

    except Exception as e:
        error_event = json.dumps({"type": "error", "message": str(e)})
        yield f"data: {error_event}\n\n"

@app.post("/api/chat/stream")
async def chat_stream(request: Request):
    body = await request.json()
    return StreamingResponse(
        generate_sse_events(body["prompt"], request),
        media_type="text/event-stream",
        headers={
            "Cache-Control": "no-cache",
            "Connection": "keep-alive",
            "X-Accel-Buffering": "no",  # Disable nginx buffering
        },
    )

React Client with EventSource

typescript
interface StreamEvent {
  type: "token" | "done" | "error";
  content?: string;
  message?: string;
  reason?: string;
}

function useLLMStream() {
  const [text, setText] = useState("");
  const [isStreaming, setIsStreaming] = useState(false);
  const [error, setError] = useState<string | null>(null);

  const stream = useCallback(async (prompt: string) => {
    setText("");
    setError(null);
    setIsStreaming(true);

    const response = await fetch("/api/chat/stream", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ prompt }),
    });

    const reader = response.body?.getReader();
    const decoder = new TextDecoder();

    if (!reader) {
      setError("No response stream");
      setIsStreaming(false);
      return;
    }

    let buffer = "";

    while (true) {
      const { done, value } = await reader.read();
      if (done) break;

      buffer += decoder.decode(value, { stream: true });
      const lines = buffer.split("\n");
      buffer = lines.pop() || "";

      for (const line of lines) {
        if (line.startsWith("data: ")) {
          const event: StreamEvent = JSON.parse(line.slice(6));

          if (event.type === "token" && event.content) {
            setText((prev) => prev + event.content);
          } else if (event.type === "error") {
            setError(event.message || "Stream error");
          } else if (event.type === "done") {
            setIsStreaming(false);
          }
        }
      }
    }

    setIsStreaming(false);
  }, []);

  return { text, isStreaming, error, stream };
}

SSE Event Format Standards

Use typed events for extensibility:

data: {"type": "token", "content": "Hello"}

data: {"type": "tool_call", "name": "search", "args": {"query": "..."}}

data: {"type": "tool_result", "name": "search", "result": "..."}

data: {"type": "token", "content": "Based on the search..."}

data: {"type": "done", "usage": {"prompt_tokens": 150, "completion_tokens": 89}}

Typed events enable rich UI updates during agentic workflows — show tool execution progress while tokens stream.


WebSocket Streaming for Bidirectional Agents

WebSockets enable full-duplex communication — essential when the server must push tool progress, agent status, or multi-turn updates while the client can send new messages.

FastAPI WebSocket Agent Session

python
from fastapi import WebSocket, WebSocketDisconnect
import json

@app.websocket("/ws/agent/{session_id}")
async def agent_session(websocket: WebSocket, session_id: str):
    await websocket.accept()
    conversation = []

    try:
        while True:
            data = await websocket.receive_json()
            message_type = data.get("type")

            if message_type == "user_message":
                conversation.append({"role": "user", "content": data["content"]})

                stream = await client.chat.completions.create(
                    model="gpt-4o",
                    messages=conversation,
                    tools=AGENT_TOOLS,
                    stream=True,
                )

                assistant_content = ""
                async for chunk in stream:
                    delta = chunk.choices[0].delta

                    if delta.content:
                        assistant_content += delta.content
                        await websocket.send_json({
                            "type": "token",
                            "content": delta.content,
                        })

                    if delta.tool_calls:
                        for tool_call in delta.tool_calls:
                            await websocket.send_json({
                                "type": "tool_call_start",
                                "name": tool_call.function.name,
                                "call_id": tool_call.id,
                            })

                            result = await execute_tool(
                                tool_call.function.name,
                                json.loads(tool_call.function.arguments),
                            )

                            await websocket.send_json({
                                "type": "tool_result",
                                "call_id": tool_call.id,
                                "result": result,
                            })

                            conversation.append({
                                "role": "tool",
                                "tool_call_id": tool_call.id,
                                "content": json.dumps(result),
                            })

                conversation.append({"role": "assistant", "content": assistant_content})
                await websocket.send_json({"type": "done"})

            elif message_type == "cancel":
                break

    except WebSocketDisconnect:
        await save_session(session_id, conversation)

WebSocket sessions require observability and monitoring for connection lifecycle, message rates, and orphaned sessions.


Backpressure and Flow Control

Backpressure occurs when the LLM generates tokens faster than the client consumes them — or faster than your server can forward them. Without handling, memory grows unbounded and slow clients crash your server.

Detecting Backpressure

Signs in production:

  • Server memory climbing during peak traffic
  • SSE connections timing out on mobile clients
  • Token buffer queues growing in logs
  • p99 latency spikes unrelated to LLM provider

Backpressure Strategies

1. Client disconnect detection

python
async for chunk in stream:
    if await request.is_disconnected():
        logger.info("Client disconnected, cancelling stream")
        break  # Stop consuming LLM tokens

2. Bounded token buffer

python
import asyncio

class BoundedTokenBuffer:
    def __init__(self, max_size: int = 100):
        self.queue = asyncio.Queue(maxsize=max_size)
        self.dropped = 0

    async def put(self, token: str) -> bool:
        try:
            self.queue.put_nowait(token)
            return True
        except asyncio.QueueFull:
            self.dropped += 1
            return False

    async def get(self) -> str:
        return await self.queue.get()

3. Rate limiting per connection

Limit concurrent streams per user/IP. Reject new streams when at capacity rather than queueing indefinitely.

4. LLM provider stream cancellation

When the client disconnects, cancel the upstream LLM stream to stop token generation and billing:

python
async with client.chat.completions.create(..., stream=True) as stream:
    async for chunk in stream:
        if disconnected:
            await stream.close()
            break

Deploy with cloud infrastructure autoscaling policies that account for streaming connection duration — streaming workloads hold connections 10–30x longer than standard REST requests.


Error Handling and Recovery

Streaming LLM responses fail differently than batch requests. Errors mid-stream leave users with partial content and no clear recovery path.

Error Categories

Error TypeWhen It HappensUser ImpactRecovery
Provider timeoutLLM API slow/unresponsiveStream stops mid-sentenceRetry from checkpoint
Rate limit (429)Too many concurrent streamsStream never startsQueue + retry with backoff
Token limit exceededContext window fullTruncated mid-responseSummarize and continue
Network disconnectClient/server connection lostPartial response visibleReconnect + resume or retry
Content filterSafety system triggeredStream stops abruptlyExplain + offer rephrase
Tool call failureAgent tool returns errorIncomplete agent actionShow error, offer retry

Production Error Handler

python
import asyncio
from enum import Enum

class StreamErrorType(str, Enum):
    PROVIDER_ERROR = "provider_error"
    RATE_LIMIT = "rate_limit"
    TIMEOUT = "timeout"
    CONTENT_FILTER = "content_filter"
    CLIENT_DISCONNECT = "client_disconnect"

async def stream_with_retry(
    prompt: str,
    request: Request,
    max_retries: int = 3,
):
    for attempt in range(max_retries):
        try:
            async for event in generate_sse_events(prompt, request):
                yield event
            return

        except RateLimitError:
            if attempt < max_retries - 1:
                wait = 2 ** attempt
                yield f"data: {json.dumps({'type': 'retry', 'wait_seconds': wait})}\n\n"
                await asyncio.sleep(wait)
            else:
                yield f"data: {json.dumps({'type': 'error', 'error_type': 'rate_limit', 'message': 'Service busy. Please try again.'})}\n\n"

        except asyncio.TimeoutError:
            yield f"data: {json.dumps({'type': 'error', 'error_type': 'timeout', 'message': 'Response timed out. Partial content preserved.'})}\n\n"
            return

        except Exception as e:
            yield f"data: {json.dumps({'type': 'error', 'error_type': 'provider_error', 'message': str(e)})}\n\n"
            return

Partial Response Recovery UX

When a stream fails mid-response:

  1. Preserve partial content — never discard tokens already delivered
  2. Show clear error state — "Response interrupted. Continue or retry?"
  3. Offer "Continue" action — re-send with partial response as context
  4. Log failure with stream position — token count at failure for debugging

These patterns prevent the confusion documented in production agent failures.


UX Patterns for Streaming AI

Streaming LLM responses production UX separates good products from prototypes.

Pattern 1: Typing Indicator → Token Stream

Show a typing indicator during TTFT (time-to-first-token). Switch to token stream when first token arrives. Hide indicator after 500ms of streaming.

Pattern 2: Markdown-Aware Rendering

Render markdown incrementally as tokens arrive. Do not re-render the entire response on each token — diff and append:

typescript
function StreamingMarkdown({ content, isStreaming }: { content: string; isStreaming: boolean }) {
  return (
    <div className="prose">
      <ReactMarkdown>{content}</ReactMarkdown>
      {isStreaming && <span className="animate-pulse">▊</span>}
    </div>
  );
}

Pattern 3: Tool Call Progress

During agent tool execution, show inline status:

🔍 Searching knowledge base...
✓ Found 3 relevant documents
📝 Generating response...
The refund policy states...

Users tolerate longer waits when they see progress.

Pattern 4: Stop Generation Button

Always provide a cancel button that:

  • Closes the client-side stream reader
  • Sends cancel signal to server (WebSocket) or aborts fetch (SSE)
  • Preserves partial content
  • Sets isStreaming = false

Pattern 5: Stream Speed Control

For accessibility and comprehension, offer optional "instant" (batch) vs "streamed" modes. Some users prefer complete responses for complex technical content.

Metrics to Track

Monitor with observability tooling:

  • TTFT (time-to-first-token) — target < 500ms
  • Tokens per second — typically 30–80 for GPT-4o class models
  • Stream completion rate — target > 98%
  • Cancel rate — high cancel rate signals latency or quality issues
  • Error rate by type — 429s indicate capacity, timeouts indicate provider issues

Production Deployment Checklist

Before shipping streaming LLM responses to production:

Infrastructure

  • Disable proxy buffering (X-Accel-Buffering: no for nginx)
  • Configure load balancer idle timeout > max stream duration (120s+)
  • Set connection limits per user/IP
  • Enable HTTP/2 for SSE multiplexing
  • Deploy on cloud infrastructure with streaming-aware autoscaling

Reliability

  • Client disconnect detection cancels upstream LLM stream
  • Retry with exponential backoff for 429/503 errors
  • Partial response preservation on mid-stream failure
  • Circuit breaker for LLM provider outages
  • Graceful degradation to non-streaming fallback

Security

  • Rate limiting on stream endpoints
  • Authentication before stream initiation
  • No sensitive data in SSE event payloads
  • CORS configured for EventSource/fetch streaming
  • Input validation before stream starts (not after)

Observability

  • Log TTFT, completion rate, cancel rate per endpoint
  • Alert on stream error rate > 2%
  • Dashboard for concurrent stream count
  • Cost tracking per stream (token usage logged on done event)
  • Trace IDs propagated through stream events

UX

  • Typing indicator during TTFT
  • Stop/cancel button functional
  • Error states with retry/continue options
  • Mobile tested (background tab, network switch)
  • Accessibility: screen reader announces stream start/end

Evaluate streaming quality with LLM evaluation pipelines — streaming should not change output quality, only delivery timing.


Primary references: official documentation, official documentation, official documentation, official documentation.

Operating Streaming LLM Responses in Production as a System

The implementation is only one part of Streaming LLM Responses in Production. A production design also needs an explicit contract for inputs, outputs, ownership, and failure behavior. Write that contract before selecting a library. It should identify which component validates input, where state lives, what may be retried, and which result is authoritative when two components disagree. This prevents a convenient prototype boundary from silently becoming the long-term architecture.

Start with a representative baseline. Capture request shape, traffic distribution, dependency latency, error classes, and the quality signal users actually care about. Averages hide the cases that cause incidents, so keep percentiles and segment measurements by workload type. Record the configuration and dataset version beside every result. Without that context, a faster or more accurate run cannot be reproduced and should not be used to approve a rollout.

Define the failure model

List failures by where they originate: invalid input, capacity exhaustion, dependency timeout, partial state change, malformed output, and semantically wrong output. Each class needs a different response. Validation errors should fail immediately. Transient dependency failures may be retried with a budget and jitter. An operation that may have committed must use an idempotency key or reconciliation step before retrying. A syntactically valid but incorrect result belongs in evaluation and review, not a blind retry loop.

Set a deadline for the complete operation and derive smaller budgets for each dependency. Local timeouts that add up to more than the caller's deadline merely create abandoned work. Propagate cancellation where the protocol supports it. Bound every queue, retry loop, context buffer, and concurrency pool; an unbounded safety mechanism becomes a second outage during overload.

Design a degraded mode before it is needed. Depending on the workload, that can mean returning a cached answer, selecting a simpler path, placing work in a durable queue, or asking for human review. The degraded response must be visible in telemetry and, where it changes meaning, visible to the caller. Silent fallback makes quality regressions almost impossible to diagnose.

Measure the decision, not just the component

Use three layers of signals. System metrics cover latency, throughput, saturation, and errors. Correctness metrics measure whether the result satisfies its contract. Business or user metrics show whether the system solved the intended problem. Improving only one layer can move the others backward, so release criteria should name acceptable movement for all three.

Attach a reason code to every route, rejection, fallback, and retry. Include version identifiers for configuration, code, model, schema, and data when relevant. Logs should let an engineer reconstruct a decision without storing secrets or raw personal data. Traces should cross process boundaries, while metrics should remain low-cardinality enough to operate reliably.

Alert on symptoms that require action, not every internal anomaly. A useful alert names the affected service objective, links to a runbook, and distinguishes a customer-visible incident from exhausted headroom. Dashboards serve a different purpose: they support diagnosis and capacity planning. Treating a dashboard as an alerting strategy leaves failures undiscovered until someone happens to look.

Roll out with reversible steps

Ship Streaming LLM Responses in Production behind a versioned interface and a kill switch. Begin with offline replay using production-shaped, privacy-safe samples. Then use shadow execution when duplicate work has acceptable cost and side effects can be suppressed. A small canary should exercise the real dependency graph before traffic expands. Compare the canary with the baseline by cohort rather than mixing both populations into one aggregate.

Promotion gates should be written before the rollout. Include a minimum sample size or observation window, maximum regression in tail latency and error rate, and a correctness threshold. Roll back automatically when a hard safety boundary is crossed; use manual review for ambiguous quality movement. Preserve enough evidence from both paths to explain why the gate passed or failed.

Configuration deserves the same discipline as code. Review changes, validate them before activation, keep an immutable history, and make rollback a single operation. If a deployment changes code and configuration together, record both versions. Otherwise an incident responder may roll back the binary while leaving the triggering configuration active.

Capacity and cost controls

Model capacity in units the bottleneck understands: concurrent connections, tokens, queue jobs, database transactions, GPU memory, or bytes in flight. Convert the expected traffic distribution into those units and include burst behavior. Then load-test the first constrained dependency, not merely the public endpoint. A system that accepts more work than it can finish within its deadline is overloaded even if CPU utilization looks comfortable.

Cost is also a reliability limit. Add per-request attribution, tenant or workflow budgets, and a global circuit breaker for unexpectedly expensive paths. Review unit economics at the same granularity as performance; a cheap median can conceal a small class of requests responsible for most spend. Optimize only after measuring, because reducing context, replicas, validation, or redundancy can trade visible cost for less visible risk.

Production readiness review

Before launch, ask an engineer who did not build the feature to follow the runbook through one simulated failure. Verify backups or checkpoints by restoring them, not by checking that a job reported success. Exercise credential rotation, dependency unavailability, bad configuration, and rollback. Assign an owner for each alarm and a date for reviewing thresholds after real traffic arrives.

The final architecture document should be short enough to remain current. Keep the decision, rejected alternatives, invariants, dependency contracts, dashboards, and rollback procedure. Link detailed experiments rather than pasting them into the document. Teams that need help turning this review into an operable service can use our Streaming LLM Responses in Production engineering support.

Frequently Asked Questions

What is the best protocol for streaming LLM responses?

Server-Sent Events (SSE) is the default for unidirectional chat streaming — simple, HTTP-compatible, auto-reconnecting. Use WebSockets when you need bidirectional communication for agent sessions, tool progress, or voice.

How do I implement streaming with OpenAI or Anthropic APIs?

Both support stream=True (OpenAI) or stream parameter (Anthropic). Iterate over the async response chunks and forward each token delta to your client via SSE or WebSocket frames.

What is backpressure in LLM streaming?

Backpressure happens when tokens are generated faster than the client consumes them, causing memory buildup on the server. Handle it with bounded buffers, client disconnect detection, and upstream stream cancellation.

How do I handle errors mid-stream?

Preserve partial content, send a typed error event, and offer retry/continue actions. Log the token position at failure. Never silently discard tokens already delivered to the client.

Does streaming affect LLM output quality?

No. Streaming vs batch returns identical model output — only delivery timing differs. Verify with eval regression tests that streaming wrapper does not alter prompts or parameters.

What is time-to-first-token (TTFT)?

TTFT measures milliseconds from request sent to first token received. Target < 500ms for responsive UX. TTFT depends on model, prompt length, and provider load — not your streaming implementation.

How do I stream agent tool calls?

Emit typed SSE/WebSocket events: tool_call_start when the model invokes a tool, tool_result when execution completes, then resume token streaming with the result. See tool calling patterns.

Should I use SSE or WebSockets for a chatbot?

SSE for standard chatbots (one message in, streamed response out). WebSockets if users can send messages while a response is streaming, or if the server pushes agent status updates independently.


Conclusion

Streaming LLM responses production requires more than enabling stream=True:

  • Choose SSE for chat, WebSockets for bidirectional agents
  • Handle backpressure and client disconnects to protect server memory
  • Implement mid-stream error recovery with partial content preservation
  • Design UX patterns that show progress during tool calls and TTFT

At HinterBuild, we build production streaming AI interfaces:

Schedule a consultation to architect streaming for your AI product.

Free consultation

Book a free consultation call on streaming LLM APIs in production

30-minute call with the HinterBuild team. Discuss your project, architecture questions, or next steps — no obligation.

Book a meeting

Keep reading