Movie App

About

Movie App is a PWA made with The Movie Database (TMDB) API, Next.js API Routes and MongoDB.

Key Features

• Display popular movies from The Movie Database (TMDB) API
• Display single movie page with full movie description from The Movie Database (TMDB) API
• Add/remove movies to/from bookmarked (API Routes)
• Fully responsive

What it looks like

How to quickly try it?

👉 The project is hosted on Vercel: https://movie-app-seala11.vercel.app/

Stack

• Next.js
• Styled-components
• MongoDB
• TypeScript
• Framer Motion

Lighthouse Metrics

Setup and Running

Change .env.example file to .env.local and replace example variables with your mongodb collection and themoviedb token

Install dependencies

$ npm install

Running the app in the development mode

$ npm run dev

Prepare for production

$ npm run build

$ npm run start // run build locally

Run webpack bundle analyzer

$ ANALYZE=true npm run build