Skip to content

Netflix-Clone is a fully responsive web application that replicates the popular streaming platform Netflix. It is built using Next.js, Prisma, React, NextAuth.js, Tailwind CSS, MongoDB and TypeScript. This project aims to showcase the implementation of these technologies to create a feature-rich clone of Netflix.

Notifications You must be signed in to change notification settings

Shivam-Sharma-1/Netflix-Clone

Repository files navigation

Netflix-Clone

Netflix-Clone is a fully responsive web application that replicates the popular streaming platform Netflix. It is built using Next.js, Prisma, React, NextAuth.js, Tailwind CSS, MongoDB and TypeScript. This project aims to showcase the implementation of these technologies to create a feature-rich clone of Netflix.

Screenshots

App Screenshot1 App Screenshot2 App Screenshot3 App Screenshot4 App Screenshot4 App Screenshot4

Technologies used

  • Next.js
  • React
  • Tailwind CSS
  • TypeScript
  • Prisma
  • NextAuth.js

Packages used

  • Axios
  • Bcrypt
  • Lodash
  • React-icons
  • Zustand

Database used

  • MongoDB

Features

  • User authentication and authorization powered by NextAuth.js
  • Dynamic routing and server-side rendering with Next.js
  • Database interaction and ORM using Prisma
  • Responsive and modern UI design with Tailwind CSS
  • Typed JavaScript with TypeScript
  • Fully responsive on all devices

Getting Started

To get started with Netflix-Clone, follow these steps:

  1. Clone the repository:
  git clone https://github.com/Shivam-Sharma-1/Netflix-Clone
  1. Navigate to the project directory
  cd netflix-clone
  1. Install the dependencies:
  npm install
  # or
  yarn install
  1. Set up the environment variables: Create a .env file in the root directory of the project and add the following variables:
  DATABASE_URL=your_database_url
  NEXTAUTH_SECRET=your_nextauth_secret
  1. Run the database migrations:
  npx prisma migrate dev
  1. Start the development server:
  npm run dev
  # or
  yarn dev

The application should now be running on http://localhost:3000

Folder Structure

The project follows a standard folder structure commonly used in Next.js applications:

  • /pages: Contains the Next.js page components.
  • /public: Stores static assets such as images and fonts.
  • /styles: Holds global styles and Tailwind CSS configuration.
  • /components: Houses reusable UI components.
  • /lib: Contains utility functions and API integration.
  • /prisma: Includes Prisma configuration and database schema.
  • /types: Holds TypeScript type definitions. Feel free to explore and modify these folders as per your project requirements.

Website hosted URL

This website is deployed using using Vercel
Website url: link

Contributions

Contributions are always welcome!
If you would like to contribute to this project, please fork the repository and create a pull request.

Authors

Acknowledgements

Read more

This project was created using various open-source libraries and frameworks.

About

Netflix-Clone is a fully responsive web application that replicates the popular streaming platform Netflix. It is built using Next.js, Prisma, React, NextAuth.js, Tailwind CSS, MongoDB and TypeScript. This project aims to showcase the implementation of these technologies to create a feature-rich clone of Netflix.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published