Next.js Transcription Frontend

Deploy a sandbox app • LiveKit Agents Docs • LiveKit Cloud • Blog

A basic example of a speech transcription frontend using LiveKit.

Dev Setup

Clone the repository and install dependencies to a virtual environment:

cd transcription-frontend
pnpm install

Set up the environment by copying .env.example to .env.local and filling in the required values:

• LIVEKIT_API_KEY
• LIVEKIT_API_SECRET
• NEXT_PUBLIC_LIVEKIT_URL

You can also do this automatically using the LiveKit CLI:

lk app env --write

Run the app:

pnpm dev

This app requires a transcription agent to communicate with. You can use one of our example agents in livekit-examples, or create your own following one of the transcription guice.