📽️ Movie App with Next.js
A modern web application to search and view movie information, built with Next.js and the The Movie Database (TMDb) API.
🚀 Features
Advanced movie search using the TMDb API
Display detailed movie information (title, release date, rating, overview, trailers, images)
Pagination for search results
Responsive and modern UI
Leverages SSR and SSG features of Next.js for better performance
🔧 Installation Prerequisites
Node.js v14 or higher
A free API key from TMDb
Steps
1- Clone the repository: git clone https://github.com/qhoncheh/movie-app-with-Next-js.git cd movie-app-with-Next-js
2- Install dependencies: npm install
3- Set up environment variables: Create a .env.local file and add your TMDb API key: NEXT_PUBLIC_TMDB_API_KEY=your_api_key_here
4- Run the application: npm run dev
Then open http://localhost:3000 in your browser.
🧪 Usage
On the home page, search for any movie by name.
Click on a movie to view its details.
On the details page, see full information about the movie.
🤝 Contributing
Contributions are welcome! To contribute:
Fork the repository
Create a new branch (git checkout -b feature-name)
Make your changes and commit them (git commit -am 'Add new feature')
Push to your fork (git push origin feature-name)
Create a new Pull Request