Build production-ready voice AI agents
with TypeScript and Next.js

import { createGoogleGenerativeAI } from "@ai-sdk/google";
import { streamText } from "ai";
import { streamResponse } from "@layercode/node-server-sdk";

export const POST = async (request: Request) => {
  const google = createGoogleGenerativeAI();
  const body = await request.json();

  return streamResponse(body, async ({ stream }) => {
    if (body.type === "message") {
      const { textStream } = streamText({
        model: google("gemini-2.0-flash-001"),
        system: "You are a helpful voice assistant for Acme Corp.",
        messages: [{ role: "user", content: body.text }],
        onFinish: () => stream.end(),
      });
      
      await stream.ttsTextStream(textStream);
    }
  });
};

import { useLayercodePipeline } from "@layercode/react-sdk";

export function VoiceAgent() {
  const { 
    status, 
    start, 
    stop, 
    agentAudioAmplitude 
  } = useLayercodePipeline({ 
    pipelineId: process.env.NEXT_PUBLIC_PIPELINE_ID 
  });

  return (
    <div className="flex flex-col items-center gap-4">
      <AudioVisualizer amplitude={agentAudioAmplitude} />
      
      <button 
        onClick={status === "connected" ? stop : start}
        className="px-6 py-3 bg-blue-600 text-white rounded-lg"
      >
        {status === "connected" ? "End Call" : "Start Call"}
      </button>
      
      <p className="text-sm text-gray-500">Status: {status}</p>
    </div>
  );
}