DEV Community

Cover image for I Built a Short Video Sharing App Using Next.js + MongoDB
Nakul Kejriwal
Nakul Kejriwal

Posted on

I Built a Short Video Sharing App Using Next.js + MongoDB

I Built a Short Video Sharing App Using Next.js + MongoDB πŸŽ₯
Hey devs!

Over the last few weeks, I challenged myself to build something exciting β€” a fully functional short video sharing platform, inspired by YouTube Shorts.

Meet πŸ‘‰ Streamora
πŸ”— GitHub Repo: github.com/nakul-3205/streamora-video-sharing-app

Why I Built This
I wanted to learn how actual video platforms work behind the scenes β€” from video uploads and real-time feed generation to cloud storage and authentication.

So I built Streamora from scratch to practice:

Video uploading & preview rendering

Secure user auth with GitHub login

Building a sleek feed UI with smooth performance

Working with Next.js App Router + MongoDB backend

Tech Stack
Frontend: Next.js 15 (App Router) + TypeScript

Styling: Tailwind CSS + Framer Motion

Backend: MongoDB (Mongoose) + REST API Routes

Auth: NextAuth.js (using GitHub provider only)

Media: ImageKit (for video upload and CDN)

Hosting: Vercel

Core Features
Upload videos

πŸ”Ž Explore trending videos

🎨 Clean dark UI with subtle animations

πŸ“¦ Optimized for fast load with ImageKit CDN

πŸ›  Still in Progress
πŸ—‘οΈ Delete button for videos (yeah, the test cartoons need to go πŸ˜…)

πŸ”„ Better redirect handling after signup/login

❀️ Like/comment system

πŸ‘€ User profiles & creator pages

⚠️ And of course, handling ImageKit quota overages in production πŸ₯²

🧠 What I Learned
Handling large file uploads in Next.js with formData + Buffer

Structuring clean full-stack apps using App Router

Protecting routes using getServerSession

Cloud-based media management + CDN optimizations

Real-world debugging of SSR quirks & auth redirects on Vercel

πŸ’¬ Final Thoughts
This project was hands-on, buggy, and full of learning. Nothing teaches you like deploying real features and watching them kind of break in production πŸ˜…

If you're into full-stack dev and want to build a portfolio project that's both fun and technically rich β€” clone this and go wild!

πŸ”— Links
πŸŽ₯ Live: streamora-video-sharing-app.vercel.app
πŸ’» GitHub: github.com/nakul-3205/streamora-video-sharing-app

🏷️ Tags

nextjs #typescript #fullstack #mongodb #imagekit #vercel #showdev #webdev #auth #tailwindcss #sideproject #videoupload

Top comments (0)