Next.js API Token Route

Usage

1. Add your LiveKit API keys to a .env.local file in your project root.

   LIVEKIT_API_KEY=your-api-key
   LIVEKIT_API_SECRET=your-api-secret
   LIVEKIT_URL=your-livekit-url

2. Create a new TokenSource that points your new /api/token endpoint.

   'use client';
   
   import { useSession } from '@livekit/components-react';
   import { AgentSessionProvider } from '@/components/agents-ui/agent-session-provider';
   import MyAgent from '@/components/my-agent';
   
   const TOKEN_SOURCE = TokenSource.endpoint('/api/token');
   
   export function Demo() {
     const session = useSession(TOKEN_SOURCE);
   
     return (
       <AgentSessionProvider session={session}>
         <MyAgent />
       </AgentSessionProvider>
     );
   }

Features

• Generates a LiveKit session token using a NextJS API route
• Keeps your API keys private

Installation

pnpm dlx shadcn@latest add @agents-ui/nextjs-api-token-route