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.

Netfuix ·

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 and fill in your MongoDB URL & NextAuth Configurations then save it as .env.local the run the following command:

npm install
npm run dev
# or
yarn install
yarn run dev

Demo

The app is hosted on Vercel. Click here to visit.
Direct link: https://netfuix.salimi.my

Screenshots

Landing

Auth

Browse

Modal

Watch