https://github.com/salimi-my/netflix-clone

This is a Netflix clone app created using Next.js. Features includes of movie list slider, movie streaming, save favourite to My List collection and more.
https://github.com/salimi-my/netflix-clone

mongodb netflix-clone nextauthjs nextjs prisma tailwindcss typescript

Last synced: 6 months ago
JSON representation

This is a Netflix clone app created using Next.js. Features includes of movie list slider, movie streaming, save favourite to My List collection and more.

• Host: GitHub
• URL: https://github.com/salimi-my/netflix-clone
• Owner: salimi-my
• Created: 2023-05-11T15:09:46.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-13T01:18:27.000Z (9 months ago)
• Last Synced: 2025-03-20T18:08:16.262Z (7 months ago)
• Topics: mongodb, netflix-clone, nextauthjs, nextjs, prisma, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://netfuix.salimi.my
• Size: 10.2 MB
• Stars: 6
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Netfuix](https://netfuix.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-salimi/)

This is a Netflix clone app created using Next.js for educational purposes. User can sign up and create an account or sign in using Google or GitHub account. The app includes features of movie list slider, movie streaming, save favourite to My List collection and more.

## Exact copy of Netflix UI

- This is a clone of Netflix app

- Login using NextAuth.js through Google or GitHub

- MongoDB & Prisma for database

- Zustand for state management

- useSWR hook for data fetching

- Hosted in Vercel

## Tech/framework used

- Next.js

- NextAuth.js

- Tailwind CSS

- TypeScript

- MongoDB

- Prisma

- Zustand

- Vercel

## Starting the project

Open the [.env.local.example](/.env.local.example) and fill in your MongoDB URL & NextAuth Configurations then save it as .env.local the run the following command:

```bash

npm install

npm run dev

# or

yarn install

yarn run dev

```

## Demo

The app is hosted on Vercel. [Click here](https://netfuix.salimi.my) to visit.




Direct link: `https://netfuix.salimi.my`

## Screenshots

#### Landing

![Landing](/screenshots/screenshot-1.png)

#### Auth

![Auth](/screenshots/screenshot-2.png)

#### Browse

![Browse](/screenshots/screenshot-3.png)

#### Modal

![Modal](/screenshots/screenshot-4.png)

#### Watch

![Watch](/screenshots/screenshot-5.png)