Skip to main content
Back to home

NetTrailers

AI-Powered Netflix Clone

NetTrailers: a featured title with Play and More Info

Screenshot 1 of 3

A Netflix-style streaming app with an AI brain. Describe what you're in the mood for in plain language and Gemini turns it into tailored picks, while a personalized "Recommended For You" engine learns from your watch history and feedback. Plus TMDB-powered browsing and trailers, secure auth, and Firebase-backed persistence.

  • Describe a mood, get picks
  • Learns your taste
  • Explains every pick
  • Voice search
  • Next.js
  • Gemini
  • TMDB
  • Firebase

The goal - what I'm exploring

NetTrailers started as a full-stack streaming clone and became my testbed for grafting AI onto an existing product. The thing I'm exploring: can "what should I watch?" feel like asking a person who actually knows your taste? So it pairs natural-language search with a recommendation engine that learns from your behavior - and explains why it picked each title.

How it uses AI

NetTrailers' AI is a Gemini-powered recommendation layer over a TMDB catalog. Natural-language search sends your phrasing to Gemini, which extracts intent - media type, genres, mood - and turns it into a tailored row, behind a multi-model router that falls back automatically when a model is busy. A separate personalized engine builds a profile from your full watch and rating history, with a real-time feedback loop that reshapes future picks and a "why this was recommended" explanation attached to each title.

How it works

  • Tell it what you’re in the mood for in plain English - a Gemini-powered analyzer reads your intent (media type, genres, vibe) and builds a matching suggestion row on the fly, with a multi-model router that falls back automatically.
  • A personalized “Recommended For You” engine learns from your full watch and rating history with a real-time feedback loop - dislikes and skips reshape future picks, and each suggestion can explain why it surfaced.
  • Browses live TMDB data - trending titles, genre rows, and trailer playback - with a cinematic, Netflix-style UI built in React and Tailwind CSS.
  • Secure sign-in with NextAuth; sessions gate the watchlist and profile.
  • Your watchlist and profile persist in Firebase, syncing in real time across sessions.
  • Server-rendered with Next.js and deployed on Vercel, with Cloudinary handling optimized image delivery.

The stack

  • A responsive design with modern UI components
  • Leveraging Next.js for SSR, SSG, and efficient routing
  • Enhancing reliability with type safety
  • React
  • Tailwind CSS
  • Next.js
  • TypeScript