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.
- Next.js
- React
- Tailwind CSS
- TypeScript
- Prisma
- NextAuth.js
- Axios
- Bcrypt
- Lodash
- React-icons
- Zustand
- MongoDB
- 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
To get started with Netflix-Clone, follow these steps:
- Clone the repository:
git clone https://github.com/Shivam-Sharma-1/Netflix-Clone
- Navigate to the project directory
cd netflix-clone
- Install the dependencies:
npm install
# or
yarn install
- 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
- Run the database migrations:
npx prisma migrate dev
- Start the development server:
npm run dev
# or
yarn dev
The application should now be running on http://localhost:3000
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.
This website is deployed using using Vercel
Website url: link
Contributions are always welcome!
If you would like to contribute to this project, please fork the repository and create a pull request.
This project was created using various open-source libraries and frameworks.