Skip to content

feat: update nextjs example - #203

Merged
jonatanvm merged 4 commits into
mainfrom
feat/update-nextjs-example
Sep 30, 2025
Merged

jonatanvm merged 4 commits into
mainfrom
feat/update-nextjs-example

Conversation

@jonatanvm

@jonatanvm jonatanvm commented Sep 30, 2025

Copy link
Copy Markdown
Collaborator
  • Update to new orb component
  • Improve button interactivity
  • Update deps

@vercel

vercel Bot commented Sep 30, 2025

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
convai-nextjs-post-call-webhook Ready Ready Preview Comment Sep 30, 2025 9:41am
screenshot-to-sfx Ready Ready Preview Comment Sep 30, 2025 9:41am
talk-to-santa Ready Ready Preview Comment Sep 30, 2025 9:41am
v0-eleven-labs-conversational-ai Ready Ready Preview Comment Sep 30, 2025 9:41am
video-to-sfx Ready Ready Preview Comment Sep 30, 2025 9:41am
x-to-voice Ready Ready Preview Comment Sep 30, 2025 9:41am

- Update to new orb component
- Improve button interactivity
- Update dependencies

@PaulAsjes PaulAsjes left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we use the Orb component from here instead? https://ui.elevenlabs.io/docs/components/orb

Comment thread examples/conversational-ai/nextjs/components/ConvAI.tsx
@jonatanvm

Copy link
Copy Markdown
Collaborator Author

Can we use the Orb component from here instead? https://ui.elevenlabs.io/docs/components/orb

That is the one I'm using!

@jonatanvm
jonatanvm requested a review from PaulAsjes September 30, 2025 09:28

@PaulAsjes PaulAsjes left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

My bad on the orb, I forgot that it's shadcn instead of an imported package.

if (!agentId) {
throw Error("AGENT_ID is not set");
}
const apiKey = process.env.XI_API_KEY;

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We default to process.env. ELEVENLABS_API_KEY in other examples. That also gets automatically picked up by the TS client so you don't have to explicitly set an API key. Can we default to that naming?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done!

Comment thread examples/conversational-ai/nextjs/components/ConvAI.tsx
@jonatanvm
jonatanvm requested a review from PaulAsjes September 30, 2025 09:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants