ilearnbydoing / elevenlabs-nextjs-starter

ElevenLabs NextJS playground

ElevenLabs open-source Next.js AI Audio Starter Kit

Getting started

1. Clone the repo

git clone https://github.com/elevenlabs/elevenlabs-docs.git
cd examples/elevenlabs-nextjs

2. Setup the .env file

cp .env.example .env

• ELEVENLABS_API_KEY: Get your API key from ElevenLabs
• IRON_SESSION_SECRET_KEY: Generate using openssl rand -base64 32

3. Install/run the project

pnpm install
pnpm dev

Open http://localhost:3000

Capabilities

• Text to Speech (Eleven V3 preview)
• Text to Dialogue (Eleven V3 preview)
• Speech to Text
• Sound Effects
• Text to Music (with Composition Plan)
• Conversational AI

Technology

• ElevenLabs SDK
• Next.js w/ Turbo + shadcn/ui
• Tailwind CSS v4

Learn More

• ElevenLabs Documentation - learn about ElevenLabs features and API.