A movie and TV show discovery app built with Nuxt 4, Tailwind CSS, and DaisyUI. Browse trending content, search for movies and TV shows, and view detailed information including cast, reviews, and trailers.
- Browse trending movies and TV shows
- Search for movies, TV shows, and people
- View movie and TV show details (cast, reviews, similar titles, trailers)
- View person/actor profiles
- Responsive design
- Nuxt 4
- Tailwind CSS 4
- DaisyUI
- TMDB API
Deployed on Cloudflare Pages.
Cloudflare Turnstile is used to verify visitors. New users are prompted to complete a quick verification, then can browse freely for 24 hours.
Server-side caching is enabled to reduce API calls and improve performance:
| Endpoint | Cache Duration |
|---|---|
| Trending | 1 hour |
| Popular movies | 1 hour |
| Movie/TV details | 24 hours |
| Similar titles | 24 hours |
| Reviews | 24 hours |
| Videos/Trailers | 24 hours |
| Person details | 24 hours |
| Search results | 30 minutes |
Install dependencies:
npm installCreate a .env file with your API keys:
TMDB_API_KEY=your_tmdb_api_key
NUXT_PUBLIC_TURNSTILE_SITE_KEY=your_turnstile_site_key
NUXT_TURNSTILE_SECRET_KEY=your_turnstile_secret_key
Start the development server:
npm run devBuild for production:
npm run build