Skip to content

[Suggestion] SolidJS real-time streaming transcription with WebSocket (TypeScript) #284

Description

@deepgram-robot

What to build

A working example of a SolidJS application that captures microphone audio in the browser and displays a live streaming transcript using Deepgram's WebSocket STT API — demonstrating SolidJS's fine-grained reactivity for efficient real-time UI updates.

Why this matters

SolidJS is a high-performance reactive UI framework with a growing developer community, offering fine-grained reactivity that is particularly well-suited for real-time streaming data like live transcription. Deepgram has examples for React, Vue.js, Angular, Svelte, and other frontend frameworks but no SolidJS example. Developers evaluating SolidJS for real-time applications need a reference implementation showing how Deepgram streaming STT integrates with SolidJS's signal-based reactivity model.

Suggested scope

  • Language: TypeScript
  • Framework: SolidJS (latest stable, with SolidStart optional)
  • Deepgram APIs: Streaming STT (Nova-3) via WebSocket
  • Includes: Microphone capture via getUserMedia, WebSocket connection to Deepgram, SolidJS signals for reactive transcript state, interim and final result handling, start/stop controls
  • Complexity: Beginner — single component demonstrating the core pattern

Acceptance criteria

  • Runnable with minimal setup (clone, add API key, npm install, run)
  • README explains the SolidJS reactivity pattern for streaming data
  • Uses current SDK version (or direct WebSocket if SDK doesn't support SolidJS)
  • Live transcript updates in real-time with interim results
  • Demonstrates SolidJS's fine-grained reactivity (no unnecessary re-renders)
  • 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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions