A Fullstack Netflix Clone with NextJS and Tailwind CSS

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

GitHub

View Github