Add Voice AI to Your Nuxt App (2026)
Add voice AI to Nuxt with a client-side plugin. Compatible with Nuxt 3 SSR, ISR, and static generation.
Overview
Add AnveVoice to your Nuxt 3 application as a plugin or component. Voice AI works with SSR, ISR, and static generation out of the box.
Features
- Nuxt 3 Plugin System: Leverage Nuxt's plugin system with a .client.ts file that ensures AnveVoice only loads in the browser.
- Persists Across Routes: Place AnveVoice in a layout or plugin and the conversation continues across Nuxt page navigations.
- i18n Module Compatible: Pairs with @nuxtjs/i18n to serve voice interactions in the same language as your Nuxt page content.
- Rendering Mode Agnostic: Works with Nuxt SSR, ISR, SWR, and static generation. No mode-specific configuration needed.
How It Works
- Create a Client Plugin: Add an anvevoice.client.ts file in your Nuxt plugins directory that loads the AnveVoice script.
- Configure Settings: Set greeting, language, and knowledge base from the AnveVoice dashboard for your Nuxt app.
- Match Your Theme: Customize widget colors and position to align with your Nuxt app's UI design.
- Deploy & Test: Deploy your Nuxt app and verify the voice widget works across all routes and rendering modes.
Summary
- Add voice AI to Nuxt with a client-side plugin. Compatible with Nuxt 3 SSR, ISR, and static generation.
- Adding AnveVoice to Nuxt takes under 5 minutes with a client-side plugin in your plugins directory.
Frequently Asked Questions
How do I add AnveVoice to Nuxt 3?
Create a .client.ts plugin in your plugins directory that injects the AnveVoice script. Nuxt auto-loads it on the client side only.
Does it work with Nuxt SSR?
Yes. The .client suffix ensures AnveVoice only runs in the browser, avoiding server-side rendering issues.
Can I use it with Nuxt's i18n module?
Yes. AnveVoice detects the active locale from your Nuxt i18n setup and responds in the matching language.
Will the widget persist across route changes?
Yes. AnveVoice initialized in a plugin persists across all client-side Nuxt navigations without restarting the conversation.
Does it affect Nuxt's Lighthouse score?
No. AnveVoice loads asynchronously after hydration and does not block Nuxt's critical rendering path.
Related Pages
Add Voice AI to Your Website — Free
Setup takes 2 minutes. No coding required. No credit card.
Free plan: 60 conversations/month • 50+ languages • DOM actions • Full analytics
Start Free →