Skip to content

[Suggestion] Remix real-time streaming transcription with WebSocket (TypeScript) #250

@deepgram-robot

Description

@deepgram-robot

What to build

A Remix application with real-time streaming speech-to-text using Deepgram's Live STT API, featuring a server-side WebSocket route that proxies audio from the browser microphone to Deepgram and streams transcript results back to the UI.

Why this matters

Remix is a top-3 React meta-framework with strong adoption for full-stack applications. Developers using Remix need a reference implementation for real-time transcription that respects Remix's architecture — server-side API key handling, loader/action patterns, and streaming responses. No Deepgram example currently covers Remix, leaving this popular framework's community without a starting point.

Suggested scope

  • Language: TypeScript
  • Framework: Remix v2+ (Vite-based)
  • Deepgram APIs: Live STT (Nova-3, streaming WebSocket)
  • Pattern: Browser mic → Remix resource route (WebSocket) → Deepgram Live STT → streamed transcript back to client
  • Features: Server-side API key protection, interim + final results display, speaker diarization toggle
  • Complexity: Medium — requires Remix WebSocket handling and browser MediaRecorder API

Acceptance criteria

  • Runnable with minimal setup (clone, add API key, run)
  • README explains the pattern clearly
  • Uses current SDK version
  • API key never exposed to the browser
  • Shows both interim and final transcription results
  • Includes start/stop recording controls

Raised by the DX intelligence system.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions