Продукти
AuraStream
Каталог фільмів і серіалів у стилі Netflix на TMDB: вхід через Google, пошук, список перегляду, 3 мови.
- Роль
- Front-End розробник (Next.js)
- Рік
- 2026
- Тип
- Продукти
Огляд
Інтерфейс стримінгового сервісу на Next.js 16. Каталоги в реальному часі приходять з TMDB API обраною мовою; користувач входить через Google, шукає фільми й серіали, відкриває модалку з деталями та схожими тайтлами і веде власний список перегляду.
Що я зробив
- Hero-банер і стрічки контенту; сторінки Фільми, Серіали, Нове та Мій список
- Живий мультипошук у шапці з трендовими підказками
- Модалка з деталями, схожими тайтлами та плеєром з кількома джерелами й фолбеком
- Перемикач EN / RU / UA, що перезапитує контент TMDB обраною мовою
- Google OAuth (NextAuth v5) і захищені маршрути в middleware
Технічні акценти
- Ключі кешу TanStack Query включають мову, staleTime для каталогів — 10 хвилин
- Під час входу користувач записується в Supabase, але недоступність бази не блокує логін
- Ендпоінт /api/health перевіряє конфігурацію TMDB, Supabase та OAuth для швидкої діагностики деплою
