/elevenlabs-nextjs-starter

ElevenLabs NextJS playground

Primary LanguageTypeScriptMIT LicenseMIT

Header image

ElevenLabs open-source Next.js AI Audio Starter Kit

Getting started

  1. Clone the repo
git clone https://github.com/elevenlabs/elevenlabs-nextjs-starter.git
cd elevenlabs-nextjs-starter
  1. 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
  1. 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