This starter is an example of how to create a composable Simli interaction that runs in a Next.js app.
- Rename .env_sample to .env and paste your API keys: SIMLI-API-KEY and ELEVENLABS-API-KEY
If you want to try Simli but don't have API access to these third parties, ask in Discord and we can help you out with that (Discord Link).
NEXT_PUBLIC_SIMLI_API_KEY="SIMLI-API-KEY"
ELEVENLABS_API_KEY="ELEVENLABS-API-KEY"
- Insall packages
npm install
- Run
npm run dev
- Customize your avatar's face and prompt by editing app/page.tsx. Create your ElevenLabs agent
const avatar = {
elevenlabs_agentid: "ELEVEN-LABS-AGENT-ID",
simli_faceid: "5514e24d-6086-46a3-ace4-6a7264e5cb7c",
};
You can swap out the character by finding one that you like in the docs, or create your own
An easy way to deploy your avatar interaction to use the Vercel Platform.