Skip to content

patricktran/disney-plus-nextjs-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

screenshot

Movie Details

screenshot

TV Series Details

screenshot


screenshot

Video Player

screenshot

Search Results

screenshot