Fullstack Netflix Clone: React, NextJS, TailwindCSS & Prisma

Welcome to the Fullstack Netflix Clone project repository! This project aims to replicate Netflix’s core features using cutting-edge technologies such as React, NextJS, TailwindCSS, and Prisma. It’s a great starting point to learn and build upon for creating scalable and high-performance web applications.

Netflix Clone Screenshot

Key Features

  • Robust Environment Setup: TypeScript and NextJS configuration
  • Database Integration: MongoDB connection and schema creation using Prisma
  • Secure Authentication: NextAuth integration with Google and GitHub login options
  • Responsive Design: Optimized for various screen sizes and devices
  • Cookie-based Authentication: Secure and reliable user authentication
  • Custom API and Controllers: Built for extensibility and scalability
  • Sleek Effects and Animations: Achieved using TailwindCSS utility classes
  • Efficient Data Fetching: Implemented using React SWR

Getting Started


Ensure that you have Node.js version 14.x installed on your system.

Clone the Repository

git clone https://github.com/Ritavdas/Netflix_Clone.git

Install Dependencies

Navigate to the project directory and run the following command:

npm i

Configure Environment Variables

Rename the .env.example file in the project to .env.local and populate it with the required values:


Launch the App

Start the development server by running:

npm run dev

Commands Overview

Use npm run [command] to execute the following commands:

Command Description
dev Starts the development server for the app


If you would like to contribute to the project, please feel free to submit a pull request with your changes or improvements. We appreciate your help in making this Fullstack Netflix Clone even better!

Now you’re all set to explore the Fullstack Netflix Clone project! Enjoy and happy coding!


View Github