netflix-nc

Netflix Clone to help reinforce my Web-Development Skills. Made Using React, Tailwind CSS, Next.JS, Prisma, and MongoDB. Deployed using Vercel.

Feel Free to try the app here: https://netflix-nc.vercel.app/ (Google Chrome flags this as unsafe, but you do not have to use your real credentials. Feel free to make up emails/passwords to try the app, or refer to the UI image below.)

Features:

• Environment, Typescript, NextJS Setup
• MongoDB & Prisma connect, Database creation
• Authentication with NextAuth, Google & Github Login
• Full responsiveness on all pages
• Cookie based authentication
• API and Controllers creation
• Detail-oriented effects and animations using TailwindCSS
• React SWR data fetching
• Zustand state management

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/NayaabC/netflix-nc.git

Install packages

npm i

Setup .env file

DATABASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_JWT_SECRET=
NEXTAUTH_SECRET=

Start the app

npm run dev

Available commands

Running commands with npm npm run [command]

command	description
dev	Starts a development instance of the app