Discover, track, and stream movies and TV shows — a fast, modern, TMDB-powered viewing experience.

Browse trending titles, dive into rich detail pages, and pick up exactly where you left off — all from a single keyboard-friendly UI.

Reely is a production-grade movie and TV show tracker built on the TMDB API. It is designed to feel native: server-rendered for speed, animated for delight, and instrumented for serious frontend craftsmanship.

⭐ If Reely is useful to you, please star the repo.

• TMDB-powered catalog — trending, popular, top-rated, now-playing, and on-the-air movies and TV shows, pulled live from the TMDB API.
• Animated hero slider — auto-rotating showcase of trending media on the landing page, with an inline trailer preview.
• Browse movies & TV — dedicated listing pages with a deep, live-applying filter system and infinite scroll (TanStack useInfiniteQuery + intersection observer).
• Advanced filters — sort, tri-state genre pills (include / exclude / off), TMDB rating, vote count, runtime, release year (decade chips + range slider), original language, age rating (certification), and where to watch (streaming-provider logo grid + region picker). All filters live-apply on a 300ms debounce — no "Save" button — with an active-filter chips bar (tap to remove, or clear all) above the grid.
• Rich detail pages — synopsis, cast, similar titles, recommendations, trailer, and both IMDb and TMDB ratings — fetched in a single TMDB append_to_response call.
• In-page streaming player — watch movies and individual TV episodes via a configurable external source (see the in-app disclaimer).
• Season & episode navigator — drill into any TV show by season and episode with a dedicated selector.
• Trailers — YouTube trailer dialog plus a hero trailer preview.
• Collections — franchise / collection pages that group a series of films.
• Command-palette search (⌘K) — instant, debounced search across movies and TV via a cmdk dialog, with All / Movies / TV chips, inline IMDb ratings, and remembered recent searches. No page reload.
• Genre pages & chips — jump straight into any genre for movies or TV.
• Real IMDb ratings — genuine IMDb scores layered over TMDB (prebuilt dataset via the imdb:ratings script), with a TMDB fallback.
• Watchlist — save titles you want to watch, kept on your device (no account required).
• Watch history — track watched movies and episodes, remove single items, or clear everything, on a dedicated page.
• URL-synced filters — every active filter lives in the URL via nuqs, so filtered views are shareable and back-button friendly (transient UI chrome like open accordions stays out of the URL, keeping shared links clean).
• Web Share — share any title through the native share sheet.
• Privacy-first — watchlist, history, and recent searches live entirely in your browser; there's no login and nothing is stored on a server.
• SEO & structured data — full JSON-LD (Website, Organization, CollectionPage, Breadcrumb), Open Graph, Twitter Cards, dynamic OG image generation, sitemap, and robots.
• Accessible & responsive — skip-to-content, aria roles, a dedicated mobile nav, and a dark aurora UI that scales cleanly to phones.
• Optimized imagery — ImageKit CDN with an automatic wsrv.nl → TMDB origin fallback chain.
• Installable PWA — see the Progressive Web App section below.
• Analytics built in — PostHog product analytics, on both client and server.
• Deployed on the edge — ships to Cloudflare Workers via OpenNext, with custom edge-cache headers, a TMDB fetch governor tuned for Workers limits, and a Cloudflare WAF setup script.

Reely is a fully installable PWA — not just a manifest, but a working offline-resilient app shell.

• Installable — "Add to Home Screen" on Android/Chromium (native beforeinstallprompt nudge) and iOS (Share → Add to Home Screen hint). Runs standalone, portrait, with a black theme.
• App shortcuts — long-press the icon for Browse Movies and Browse TV Shows jump links.
• Offline-resilient — a hand-written service worker (public/sw.js, no next-pwa/serwist/Workbox) with a per-request caching strategy:
  • immutable /_next/static/* assets → cache-first
  • page navigations → network-first, falling back to the last cached page, then a custom /offline.html
  • icons, manifest, and images → stale-while-revalidate
  • never cached: the streaming player, /api/*, RSC payloads, and any cross-origin request
• Native touches — maskable icons (192 / 512), Apple touch icon, theme colors, browserconfig.xml / mstile, and a Safari pinned-tab icon.

Streamed video is live third-party content and is intentionally never cached for offline playback.

• Node.js 20+
• pnpm 10+
• A free TMDB API key

pnpm install
pnpm dev

Open http://localhost:3000.

pnpm build
pnpm start

pnpm preview   # build + preview the worker locally
pnpm deploy    # deploy via wrangler

Copy .env.sample to .env.local and fill in the values you need. Only TMDB-related variables are required to run the app locally; the rest enable optional integrations.

Built by Mohamed Gado. Data and imagery courtesy of TMDB — Reely is not endorsed or certified by TMDB.