Building a Fullstack Netflix Clone with React, NextJS, TailwindCSS & Prisma

This is a repository for a FullStack Netflix Clone tutorial using React, NextJS, TailwindCSS & Prisma.

VIDEO TUTORIAL

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/AntonioErdeljac/next-netflix-tutorial.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