Netflix Clone with React, NextJS, TailwindCSS & Prisma

This is a repository i created while building a FullStack Netflix Clone using React, NextJS, TailwindCSS & Prisma. Available in : https://netflix-clone-repo-chmdygfye-yagizharman.vercel.app/auth

screen-capture.1._Trim.mp4

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 20.x

Cloning the repository

git clone https://github.com/yagizharman/Netflix-Clone-Repo.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