Movie City
Next.jsTypeScriptTailwind CSSFirebasei18n
A Netflix-style movie platform with live TMDB data, multi-language support (English & Persian), hero sliders, real-time search, YouTube trailers, download links, Firebase-powered comments, and PWA support.
Project TypePersonal
Tech StackNext.js, TypeScript, Tailwind CSS, Firebase, i18n
Features2 sections covered
Key Features
Multi-language — Full English & Persian (RTL) support via react-i18next
Live movie data — Real-time data from TMDB API with ISR & SSR (Pages Router)
Hero slider — Autoplay, fade effect & skeleton loading powered by Swiper.js
Real-time search — Instant movie search across the entire catalog
Trailers — Watch trailers directly in-browser via YouTube embed
Download links — Per-movie download links available on every detail page
User comments — Firebase Firestore-powered comment system with no backend
PWA support — Installable as a progressive web app on any device
Screenshots
01
Home & Hero Slider
Landing page with an autoplay hero slider, featured movies, and skeleton loading states for a smooth first impression.
02
Movie Details & Search
Movie detail pages with trailers, download links, and user comments — plus real-time search across the full catalog.
