ThetaStudio is a complete Next.js 15 application that integrates with Telegram Mini Apps to create AI influencer videos and automatically upload them to YouTube Shorts, Instagram Reels, TikTok, and Twitter/X.
- Telegram Mini App Integration: Native Telegram experience with WebApp API
- AI Video Generation: Create AI influencer videos with custom scripts and avatars
- Multi-Platform Upload: Automatic upload to YouTube Shorts, Instagram Reels, TikTok, and Twitter/X
- Responsive Dashboard: Beautiful glassmorphism UI optimized for mobile and desktop
- Real-time Status: Track video generation and upload progress
- Multi-language Support: Generate content in 10+ languages
- Dark/Light Mode: Automatic theme detection from Telegram or manual toggle
- Framework: Next.js 15 (App Router, TypeScript, Server Components)
- Styling: TailwindCSS with custom glassmorphism components
- UI Components: Custom shadcn/ui components
- Animations: Framer Motion
- Icons: Lucide React
- State Management: Zustand with persistence
- Telegram Integration: Telegram WebApp API
- API Integration: YouTube Data API v3, Instagram Graph API, Twitter API v2, TikTok Content Posting API
-
Clone and install
git clone <repository-url> cd thetastudio npm install
-
Run development server
npm run dev
-
Open browser Navigate to http://localhost:3000
- Create a bot with @BotFather
- Use
/newappto create a mini app - Set your deployment URL as the Web App URL
- Test with Telegram Web or mobile app
POST /api/video/generate- Generate AI videosPOST /api/youtube/upload- Upload to YouTube ShortsPOST /api/instagram/upload- Upload to Instagram ReelsPOST /api/twitter/upload- Upload to Twitter/XPOST /api/tiktok/upload- Upload to TikTokPOST /api/auth/telegram- Telegram authentication
- VideoGenerator: AI video creation form
- VideoCard: Video management interface
- VideoPreview: Video player and actions
- Navbar: Responsive navigation with Telegram integration
- useTelegram: Hook for Telegram WebApp features
- Glassmorphism UI with backdrop blur effects
- Framer Motion animations for smooth interactions
- Responsive design optimized for mobile and desktop
- Telegram theme integration with automatic color scheme detection
- Zustand state management with persistence
- TypeScript for type safety
- Next.js 15 with App Router and Turbopack
- Vercel deployment ready
- PWA manifest for mobile installation
- SEO optimized with proper meta tags
- Error handling and loading states
- Security features including HMAC validation
Built for the creator economy with AI-powered video generation and social media automation.