/netflix-clone

A high-fidelty Netflix clone built with Next.js, TailwindCSS and TypeScript.

Primary LanguageTypeScriptMIT LicenseMIT

logo
FlixClone

Not your usual Netflix clone.

Demo • Key Features • Tech Stack • How to use • Maintainers • Credits • License

Demo

Try it out

You can view the demo here.

Screenshots

screenshot of the homepage

screenshot of the homepage with show modal open

Key Features

  • Scroll to see the navbar background change.
  • Navigate through shows by clicking on the buttons to the edge of the screen.
  • Navigate through shows by dragging (only touch devices).
  • Hover on a show to get the details.
  • Dynamic data fetched from public/home_mock.json.
  • Fully responsive.

Tech Stack

  1. TypeScript
  2. Next.js (create-next-app)
  3. TailwindCSS
  4. ESLint
  5. Prettier

How to use

Preliminary

  1. Clone on your machine: git clone https://github.com/oxcened/netflix-clone
  2. Enter the repository folder: cd netflix-clone
  3. Install dependencies: npm i

Run on your machine

  1. Run the development server: npm run dev
  2. Open http://localhost:3000 with your browser.

Build for production

  1. Run the production build: npm run build
  2. Run the production server: npm run start
  3. Open http://localhost:3000 with your browser.

Maintainers

Credits

License

This project is MIT licensed.