IMDb Clone is a web application built using Next.js and the TMDb (The Movie Database) API, aiming to replicate the functionality and appearance of the IMDb (Internet Movie Database) platform. This project serves as a demonstration of integrating the TMDb API with a Next.js application.
- Search: Users can search for movies, TV shows, and actors.
- Browse Categories: Users can explore movies and TV shows by categories such as Popular, Top Rated, Upcoming, etc.
- Movie/TV Show Details: Detailed information about movies, TV shows, and actors, including ratings, plot summaries, cast, crew, and more.
- Responsive Design: The application is responsive and works seamlessly across different devices and screen sizes.
- Next.js: A React framework for building server-rendered and statically-generated web applications.
- TMDb API: Utilized TMDb API to fetch movie, TV show, and actor data.
- React: A JavaScript library for building user interfaces.
- CSS: Styled components or CSS modules for styling the components.
-
Clone the repository to your local machine:
git clone https://github.com/your-username/imdb-clone.git
-
Navigate to the project directory:
cd imdb-clone
-
Install dependencies:
npm install # or yarn install
-
Set up TMDb API Key:
- Sign up for an account on TMDb.
- Generate an API key from the TMDb Developer Dashboard.
- Add the API key to the environment variables or configuration file (e.g.,
.env.local
).
-
Start the development server:
npm run dev # or yarn dev
-
Open http://localhost:3000 to view the application in your browser.
To successfully run the application, you need to set up your TMDb API key. Follow these steps:
- Sign up for an account on the TMDb website.
- Navigate to the API section in your account settings.
- Generate an API key.
- Add the API key to your project's environment variables or configuration file.
Example .env.local
file:
TMDB_API_KEY=your-api-key
To deploy the application, you can use platforms like Vercel, Netlify, or deploy it manually to your preferred hosting service.