An open API service indexing awesome lists of open source software.

https://github.com/md-asikuzzaman/netflix-clone

Full-stack Netflix clone 📽️🎬
https://github.com/md-asikuzzaman/netflix-clone

jwt mongodb next13 prisma react-hook-form zod zustand

Last synced: 12 months ago
JSON representation

Full-stack Netflix clone 📽️🎬

Awesome Lists containing this project

README

          

# Full-Stack Netflix Clone

![image](https://raw.githubusercontent.com/Md-Asikuzzaman/netflix-clone/main/public/netflix-clone_cover.png)

FullStack Netflix Clone using React, NextJS, TailwindCSS & Prisma.

[LIVE DEMO](https://myflix-clone-devasik.vercel.app)

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

### Cloning the repository

```shell
git clone https://github.com/Md-Asikuzzaman/netflix-clone
```

### Install packages

```shell
yarn install
or
npm i
```

### Setup .env file

```js
DATABASE_URL=
NEXTAUTH_URL=
NEXTAUTH_JWT_SECRET=
NEXTAUTH_SECRET=
SECRET_KEY=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
```

### Start the app

```shell
yarn dev
or
npm run dev
```