FlickBox is a modern video sharing and storage web application built with Next.js and TypeScript, designed for seamless video management. It enables users to upload, share, search, and filter videos with ease. With NextAuth authentication, MongoDB database, and ImageKit integration for storage, optimization, and thumbnail generation, FlickBox delivers both performance and scalability.
- 📂 Video Upload & Storage – Store videos securely with ImageKit.
- ⚡ Video Optimization & Compression – Ensures faster playback and efficient storage.
- 🖼️ Automatic Thumbnail Generation – Thumbnails are created for better previews.
- 🔒 Authentication – Secure login and signup powered by NextAuth.
- 🎛️ Dashboard – Manage all uploaded videos in one place.
- 🔍 Search & Filter – Search videos by title/description and filter by visibility (public/private).
- 🌐 Responsive UI – Optimized for both desktop and mobile devices.
- Frontend Framework: Next.js (with App Router)
- Language: TypeScript
- Database: MongoDB
- Authentication: NextAuth.js
- Video Storage & Optimization: ImageKit
- Styling: Tailwind CSS
- Deployment: Vercel
git clone https://github.com/sushilkrg/flickbox.git
cd flickboxpnpm installMONGODB_URI="mongodb://localhost:27017/flickbox"
NEXTAUTH_SECRET=""
# imagekit configs
NEXT_IMAGEKIT_PUBLIC_KEY=""
NEXT_PUBLIC_URL_ENDPOINT=""
IMAGEKIT_PRIVATE_KEY=""pnpm devSushil Kumar
Portfolio Website ·
GitHub
If you find this project helpful or inspiring, please consider giving it a ⭐️ on GitHub — it helps others discover the project and shows your support!