Продукты
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 для быстрой диагностики деплоя
