Disney Plus Clone - NextJS

Tech Showcase

Data comes from TheMovieDatabase - TMDB.org

The video player will always play Big Buck Bunny.

Environment Variables

You'll need to generate a TMDB API Key and store it in the .env file.

1. Create a TMDB login
2. Once logged in, go to the TMDB API Settings page
3. Generate a API Read Access Token
4. Run the following command create a local .env file

    cp .env.template .env

5. Copy and paste your API Read Access Token to TMDB_API_TOKEN

How to run

yarn
yarn dev

Features

• NextJS 14
• React Server-Side Components
• React Server Actions
• Shadcn/Radix-iu
• TailwindCSS
• Shakra Player

Screens

Homepage

Movie Details

TV Series Details

Video Player

Search Results