CreatorsBrain: AI-Powered YouTube Assistant

CreatorsBrain is a SaaS platform built with Next.js that empowers YouTube creators with AI-powered tools to enhance their video content and workflow. This application leverages various AI models and services to provide features like video analysis, title generation, and thumbnail creation.

Key Features

• YouTube Video Analysis:

  • Fetches the transcript of any YouTube video.
  • Caches transcripts in the database for faster access.

• AI-Powered Title Generation:

  • Utilizes OpenAI's GPT-4o-mini model to generate compelling and SEO-friendly video titles.
  • Allows users to provide a summary and specific considerations for title generation.

• AI-Powered Thumbnail Generation:

  • Integrates with Replicate and the SDXL model to create custom thumbnails from a text prompt.
  • Stores generated thumbnails in a storage bucket and references them in the database.

• User Authentication:

  • Secure user authentication and management powered by Clerk.

• Backend and Database:

  • Built on the Convex serverless platform for backend logic and database management.

• Feature Flagging and Analytics:

  • Uses Schematic for feature flagging and tracking usage analytics.

Tech Stack

• Framework: Next.js (with Turbopack)
• UI: React, Tailwind CSS, Radix UI, Lucide React (icons), Sonner (notifications)
• AI Services:
  • OpenAI (GPT-4o-mini) for title generation.
  • Replicate (SDXL) for image generation.
• Authentication: Clerk
• Backend & Database: Convex
• Payments: Stripe
• YouTube Integration: youtubei.js, googleapis

Getting Started

1. Clone the repository:

   git clone https://github.com/2003nayan/creatorsbrain.git
   cd creatorsbrain

2. Install dependencies:

   npm install

3. Set up environment variables:

   • Create a .env.local file by copying the .env.example file.
   • Add your API keys and other environment variables for the services used in the application (OpenAI, Replicate, Convex, Clerk, Stripe, etc.).

4. Run the development server:

   npm run dev

5. Open the application:

   • Open http://localhost:3000 in your browser.

Deployment

This application is deployed on this url: https://creatorsbrain.vercel.app

Project Structure

• /actions: Contains server-side actions for handling form submissions and core application logic (e.g., analyseYoutubeVideo.ts, titleGeneration.ts).
• /app: The main application directory for Next.js, including pages, layouts, and API routes.
• /components: Reusable React components used throughout the application.
• /convex: Configuration and schema for the Convex backend and database.
• /features: Feature flagging configuration.
• /lib: Utility functions and libraries used across the application.
• /public: Static assets like images and fonts.
• /types: TypeScript type definitions.

Contributing

Contributions are welcome! Please feel free to open an issue or submit a pull request.