/next-disney-plus-clone

Disney+ Clone with Next.js, Tailwind CSS and TMDB API

Primary LanguageJavaScript

Disney+ Clone

A clone built with Next.js, utilizing it's server side and client side rendering features. It also uses Tailwind CSS for styling, Next-Auth for user authentication with Google Provider, and TMDB API for the movies and tv shows.

Run Locally

Clone the project

  git clone https://github.com/5thDimensionalVader/next-disney-plus-clone.git

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

Screenshots

Homepage Homepage once authenticated TV Show

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file

GOOGLE_CLIENT_ID: Google Configuration

GOOGLE_CLIENT_SECRET: see above ↑

NEXTAUTH_URL: Documentation

JWT_SECRET: This can be generated using either:

$ openssl rand -base64 32

or

Visit this URL

Authors