Skip to content

rajaNayak123/cloudinary-saas

Repository files navigation

🚀 AI-Powered SaaS for Media Optimization

📌 Overview

This project is a cutting-edge AI-powered SaaS application designed for real-time media optimization. Built with Next.js and Cloudinary, it enhances media performance by reducing file sizes while maintaining high quality. The platform ensures seamless authentication, fast file conversions, and effortless media sharing across platforms.

✨ Features

  • 🔹 AI-Driven Media Optimization – Enhances image and video quality dynamically while reducing file sizes.
  • 🔹 Secure Authentication – Implements robust, multi-layered authentication with Clerk for enhanced security.
  • 🔹 Lightning-Fast File Conversion – Automates format migration with a 30% boost in processing speed.
  • 🔹 Seamless Social Media Integration – Converts and optimizes files for smooth sharing on multiple platforms.
  • 🔹 Advanced Video Management – Supports high-performance video uploads, metadata handling, and an optimized homepage display.
  • 🔹 High-Efficiency Compression – Reduces video file sizes by up to 45% without significant quality loss.

🛠 Tech Stack

  • Frontend & Framework: Next.js
  • Authentication: Clerk
  • Database & ORM: MongoDB, Prisma
  • Cloud Storage & Media Optimization: Cloudinary
  • Networking: Axios
  • Utilities:
    • 📅 dayjs (for date/time handling)
    • 📂 filesize (for file size calculations)

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

  • ✅ Node.js (>= 16.x)
  • ✅ npm or yarn
  • ✅ MongoDB instance

🔧 Installation

  1. Clone the repository:
    git clone https://github.com/your-repo-url.git
    cd your-project-name
  2. Install dependencies:
    npm install
    # or
    yarn install
  3. Set up environment variables: Create a .env.local file and add the following variables:
    NEXT_PUBLIC_CLERK_FRONTEND_API=<your-clerk-api>
    CLERK_API_KEY=<your-clerk-api-key>
    DATABASE_URL=<your-mongodb-url>
    CLOUDINARY_CLOUD_NAME=<your-cloudinary-cloud-name>
    CLOUDINARY_API_KEY=<your-cloudinary-api-key>
    CLOUDINARY_API_SECRET=<your-cloudinary-api-secret>
  4. Run the development server:
    npm run dev
    # or
    yarn dev

🎯 Usage

  1. 🔑 Sign up or log in using Clerk authentication.
  2. 📤 Upload images or videos to optimize and convert them.
  3. 🔄 Download or share the optimized media effortlessly across platforms.

📬 Contact

For any inquiries, feel free to reach out via nayakraja151@gmail.com

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages