Run and deploy your AI Studio app

This contains everything you need to run your app locally.

View your app in AI Studio: https://ai.studio/apps/drive/10umFyhQTrYignX_evH9sRpDh8Ty5t8qP

Run Locally

Prerequisites: Node.js

1. Install dependencies: npm install
2. Set the GEMINI_API_KEY in .env.local to your Gemini API key
3. Run the app: npm run dev

Multi-Provider Support

This app supports multiple AI providers:

• Gemini (Google Generative AI) - Default, supports vision & audio
• OpenAI (GPT models) - Supports vision
• Poe (Poe API) - Requires proxy due to CORS
• Custom - Any Gemini-compatible API

See PROXY_SETUP.md for detailed configuration guide.

Deploy to Vercel

For secure deployment with API key protection, see the detailed guide in VERCEL_DEPLOYMENT.md.

Quick Summary:

• Set provider API keys (e.g., GEMINI_API_KEY, OPENAI_API_KEY) in Vercel environment variables
• Set VITE_DEEPGRAM_API_KEY for system-wide subtitle generation (optional)
• Set VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY for cloud sync (optional)
• Your API keys stay secure on the backend
• Users can try the app without configuring their own key
• Users who set their own key use direct API calls (not your quota)
• Multiple providers can be configured simultaneously

Environment Variables:

• VITE_DEEPGRAM_API_KEY - System default Deepgram key for subtitle generation
• VITE_SUPABASE_URL - Supabase project URL for cloud sync
• VITE_SUPABASE_ANON_KEY - Supabase anonymous key for cloud sync
• VITE_FFMPEG_BASE_URL - FFmpeg CDN URL for browser-based video splitting (optional, recommended: https://unpkg.com/@ffmpeg/core@0.12.10/dist/umd)

See DEEPGRAM_SETUP.md for Deepgram configuration details. See @docs/FFMPEG_CDN_SETUP.md for FFmpeg CDN configuration details.