Skip to main content
Back to projects

AI-Powered Netflix Clone

Net-Trailer

Net-Trailer

The goal — what I'm exploring

Net-Trailer 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

Net-Trailer's 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 checkout flows.
  • Full subscription checkout implemented twice over: both Stripe and PayPal payment flows, end to end.
  • 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