https://github.com/sinanbekar/next-moviapp

Explore movies, tv shows. Personalize watchlist and favorites. Built with Next.js, TypeScript, Tailwind CSS, Firebase, NextAuth, TMDB v3 API.
https://github.com/sinanbekar/next-moviapp

firebase movie-app next-auth nextjs tailwindcss tmdb-api typescript

Last synced: 11 months ago
JSON representation

Explore movies, tv shows. Personalize watchlist and favorites. Built with Next.js, TypeScript, Tailwind CSS, Firebase, NextAuth, TMDB v3 API.

• Host: GitHub
• URL: https://github.com/sinanbekar/next-moviapp
• Owner: sinanbekar
• Created: 2022-01-10T15:19:25.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-30T15:44:03.000Z (almost 4 years ago)
• Last Synced: 2025-03-24T17:52:42.587Z (over 1 year ago)
• Topics: firebase, movie-app, next-auth, nextjs, tailwindcss, tmdb-api, typescript
• Language: TypeScript
• Homepage: https://next-moviapp.vercel.app
• Size: 648 KB
• Stars: 23
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# next-moviapp

A Movie App built using Next.js and [The Movie Database (TMDB v3)](https://www.themoviedb.org/) API.

Explore movies, tv shows. Personalize watchlist and favorites.

![Moviapp home](https://i.imgur.com/JUpX5h9.png)

![Moviapp home scrolled](https://i.imgur.com/pkEDZrn.png)

![Moviapp details page](https://i.imgur.com/4udpu6u.png)

![Moviapp profile page](https://i.imgur.com/CajiVXr.png)

## Tech Stack

Built with:

* Next.js

* TypeScript

* Firebase

* NextAuth

* next-seo

* Tailwind CSS

* swr

## Demo

A [live deployment (next-moviapp.vercel.app)](https://next-moviapp.vercel.app) of this app is available to try it out.

## Contributing

Contributions are welcome. 

## Installation 

Clone and install the dependencies for `next-moviapp` locally:

```bash 

git clone https://github.com/sinanbekar/next-moviapp

cd next-moviapp

yarn install

```

## Setup

1. Copy .env.local.example and re-name to .env.local

2. Get your TMDB API key

3. Get your Firebase project keys

4. Enter the details into the .env.local file

    

## Running locally

* `yarn dev`: dev build

* `yarn build`: production build

* `yarn start`: start the project with optimized prod build

    

## License

[MIT](https://choosealicense.com/licenses/mit/)