AI_ShortVideo_Generator Tailwind Templates

Ai_shortvideo_generator

NextJS, ReactJS, Tailwind, Clerk, Neon

AI Short Video Generator πŸŽ₯

![AI Video Generator Banner]

AI Short Video Generator is a modern web application that automatically creates short video content using artificial intelligence technologies. Users can create, edit and share their own custom videos with a few clicks.

Watch how it works:

https://github.com/user-attachments/assets/9bae9ed1-9b28-4e8f-b636-24071a1c7ba6

🌟 Features

  • πŸ€– AI-powered scenario creation
  • 🎨 Customizable video styles
  • πŸ”Š Automatic voice synthesis
  • πŸ“ Automatic subtitle generation
  • πŸ–ΌοΈ Image generation with AI
  • πŸ’³ Credit-based utilization system
  • πŸ‘₯ User management and authentication

πŸ› οΈ Technologies Used

  • Frontend: Next.js 15, React 19, TailwindCSS
  • Backend: Next.js API Routes
  • Database: NeonDB (PostgreSQL)
  • Authentication: Clerk
  • AI Services: Google Gemini, Replicate
  • Storage: Firebase Storage
  • Video Processing: Remotion
  • UI Components: Radix UI
  • Other: AssemblyAI (Subtitling), Google Text-to-Speech

πŸš€ Setup

  1. Clone the repository:
https://github.com/bekirasimcelik/AI_ShortVideo_Generator.git

cd ai-video-generator
  1. Install dependencies:
npm install
  1. Set up environment variables:

Create a .env file with the necessary variables.

  • NEXT_PUBLIC_DRIZZLE_DATABASE_URL=your_neon_db_url
  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_pub_key
  • CLERK_SECRET_KEY=your_clerk_secret_key
  • NEXT_PUBLIC_GEMINI_API_KEY=your_gemini_api_key
  • GOOGLE_API_KEY=your_google_api_key
  • NEXT_PUBLICK_FIREBASE_API_KEY=your_firebase_api_key
  • CAPTION_API=your_assemblyai_api_key
  • REPLICATE_API_TOKEN=your_replicate_token
  1. Run the development server:
npm run db:push
  1. Run the database studio:
npm run db:studio
  1. Run the development server:
npm run dev

πŸ”‘ Required API Keys

Service Free Limit Registration URL
Clerk βœ… Starter package Clerk
Google Gemini βœ… Monthly quota Google AI
Firebase βœ… Spark plan Firebase
AssemblyAI πŸ”„ Limited trial AssemblyAI
Replicate πŸ’° Per use Replicate
NeonDB βœ… Free tier NeonDB

🎯 Usage

  1. Create an account or log in
  2. Click on the β€œCreate New” button from the Dashboard
  3. Choose video subject and style
  4. Wait for AI to generate the video content
  5. Preview and download the generated video

πŸ’‘ Features and Limits

  • 30 credits for each new user
  • 10 credits for each video creation
  • Maximum video duration: 60 seconds
  • Supported styles: Generate your own story, Random AI Story, Scary Story, Historical Facts, Bed Time Story, Motivational, Fun Facts.

🀝 Contribution

  1. Fork
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit (git commit -m 'feat: Add amazing feature')
  4. Push to Branch (git push origin feature/amazing-feature)
  5. Open Pull Request

Top categories

Loading Svelte Themes