AlpDurak / netflix-clone

Netflix clone made fully by Alp Durak

Netflix Clone made by Alp Durak

This project was made purely because of boredom but seemed to turn out not bad, if you want to contribute or just use the clone this guide will help you understand it.

Go To Online Demo

How to use

install required packages

yarn install

start the development server

yarn dev

(all scripts are next.js scripts you can learn about them in their documentation)

Learn about the Components

ViewCard

<Slider id="<a unique ID>">
    ...
</Slider>

<div className={styles.showWrap}>
    <h1 style={{ marginLeft: "55px" }}>Trending Now</h1>
    <Slider id="1" className={styles.showList}>
        ...
    </Slider>
</div>

ViewCard

<ViewCard src={"<thumbnail of the show>"} />

// 50% of the show is watched
<ViewCard watched={50} src={"<16:9 thumbnail of the show>"} />

RankCard

// Top 3
<RankCard rating={3} src={"<9:16 thumbnaik of the show>"} />

That's it you're all set :)