What to watch today? is a film browsing, searching, and management application built with Next.js, utilizing Tailwind CSS and Material-UI. It fetches movie data from The Movie Database (TMDB API) and supports various devices (mobile, tablet, desktop). Users can also manage their personal movie library.
- Next.js – React framework with SSR and ISR support.
- Tailwind CSS – Utility-first CSS framework.
- Material-UI (MUI) – React component library for building user interfaces.
- Firebase – Authentication and real-time database for managing user data.
- TMDB API – Source of movie data.
- TypeScript – Ensures type safety and better code maintainability.
git clone https://github.com/OlgaPikulska/what-to-watch-today.git
cd what-to-watch-todaynpm install -g pnpm
pnpm install- Go to the TMDB website.
- Generate your API key.
- Create a
.env.localfile in the project root and add your API key:
NEXT_PUBLIC_API_URL=https://api.themoviedb.org/3
NEXT_PUBLIC_API_KEY=your_api_keypnpm devOpen http://localhost:3000 with your browser to see the result.
pnpm testpnpm build
pnpm start- Trending Movies API – Fetch today's trending movies.
- Search Movies API – Search movies by keyword.
- Movie Details API – Retrieve detailed movie information.
- Movie Trailers API – Fetch movie trailers from YouTube.
This is a Next.js project bootstrapped with create-next-app.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.