---
title: "Next.js Live Transcription"
description: "Transcribe your voice in realtime. Useful for videos, conferences, adding speech-to-text to your apps."
url: "https://vercel.com/templates/next.js/nextjslive-transcription"
links:
  repository: "https://github.com/deepgram-starters/nextjs-live-transcription"
  demo: "https://nextjs-live-transcription.vercel.app"
  deploy: "https://vercel.com/new/clone?demo-title=Next.js+Live+Transcription&demo-description=Transcribe+your+voice+in+realtime.+Useful+for+videos%2C+conferences%2C+adding+speech-to-text+to+your+apps.&demo-url=https%3A%2F%2Fnextjs-live-transcription.vercel.app&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F4mAIKRXj6zeoiZeq54iE6W%2Fce5b84cf77d454056b249402868842a8%2F023Nwfl.jpeg&project-name=Next.js+Live+Transcription&repository-name=nextjslive-transcription&repository-url=https%3A%2F%2Fgithub.com%2Fdeepgram-starters%2Fnextjs-live-transcription&from=templates&skippable-integrations=1"
---

# Next.js Live Transcription

Transcribe your voice in realtime. Useful for videos, conferences, adding speech-to-text to your apps.

# Next.js Live Transcription

Get started using Deepgram's Live Transcription with this Next.js demo app.

<!-- [**Live Demo →**](https://nextjs-live-transcription.vercel.app/) -->

## Quick Start

Click the button below to fork the repo:

[![Fork on GitHub](https://img.shields.io/badge/Fork_on_GitHub-blue?logo=github)](https://github.com/deepgram-devs/nextjs-live-transcription/fork)

## Local Development

```bash
git clone https://github.com/deepgram-devs/nextjs-live-transcription.git
cd nextjs-live-transcription
npm install
cp sample.env.local .env.local  # Add your DEEPGRAM_API_KEY
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser.

## License

MIT - See [LICENSE](https://github.com/deepgram-starters/nextjs-live-transcription/tree/main/LICENSE)

## Related Templates

### [Morphic: AI-powered answer engine](https://vercel.com/templates/next.js/morphic-ai-answer-engine-generative-ui)

AI answer engine with Generative UI.

### [Gemini AI Chatbot](https://vercel.com/templates/next.js/gemini-ai-chatbot)

Gemini-powered chatbot with the Vercel AI SDK, Next.js, and React.

### [AI Headshot Generator](https://vercel.com/templates/next.js/headshot-ai)

A Professional AI headshot generator starter kit powered by Next.js, Leap AI, and Vercel.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.