A responsive, server-side rendered movie and TV show search application using the TMDB API, built with Next.js and Dockerized for production deployment.
🏠 HOME
🔍 SEARCH RESULTS
🎬 MOVIE DEATIL
🎛️ FILTER MENU
- ✅ Server-Side Rendering with Next.js
- 🔍 Debounced search (fires after 500ms)
- ⭐️ Add/remove favorites (stored in localStorage)
- 🎞️ Filtering and sorting for movies and TV shows
- 🧾 Dynamic routes (
/movie/:id,/tv/:id) - 🐳 Dockerized setup for deployment
- 🌍 Fully responsive design
# Build the image
docker-compose build
# Run the application
docker-compose upThe app will be available at http://localhost:3000.
Create a .env file in the project root:
NEXT_PUBLIC_TMDB_API_KEY=your_tmdb_api_key_here📦 tmdb-ssr/
├── Dockerfile
├── docker-compose.yml
├── .env
├── .dockerignore
├── pages/
├── src/
│ └── components/
├── public/
│ └── screenshots/
└── ...
You can deploy easily using Vercel:
- Push project to GitHub
- Connect it to Vercel
- Set your
.envvariables - Deploy 🎉