https://github.com/seundede/netflix-clone
This is a movies application which displays movie data based on categories, and extensive details like trailers of each movie. It fetches data from The Movie DataBase API and is implemented using Typescript, Next JS, Tailwind, Recoil
https://github.com/seundede/netflix-clone
firebase nextjs recoil tailwindcss typescript vercel
Last synced: 2 months ago
JSON representation
This is a movies application which displays movie data based on categories, and extensive details like trailers of each movie. It fetches data from The Movie DataBase API and is implemented using Typescript, Next JS, Tailwind, Recoil
- Host: GitHub
- URL: https://github.com/seundede/netflix-clone
- Owner: Seundede
- Created: 2022-05-02T20:34:36.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-11T00:33:23.000Z (almost 4 years ago)
- Last Synced: 2025-03-16T13:14:57.341Z (over 1 year ago)
- Topics: firebase, nextjs, recoil, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://netflix-cloneed.vercel.app
- Size: 115 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix Clone
This is a movies application which displays movie data based on categories, and extensive details like trailers of each movie. It fetches data from The Movie DataBase API and is implemented using Typescript, Next JS, Tailwind, Recoil
## Technology stack
- Typescript
- Next JS
- Recoil
- Firebase
- Vercel (deployment)
## Dependency
- Reck hook form
- React player
- React icons
## Getting started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
## Prerequisites
The following software is required to be installed on your system:
- Node
- Npm
Type the following commands in the terminal to verify your node and npm versions
```bash
npm -v
node -v
```
1. Clone the repo
```bash
git clone https://github.com/Seundede/Netflix-clone.git
cd Nextjs Netflix-clone
```
2. Install the dependencies
```bash
npm install
```
3. Create a new firebase project and fill in the required information in firebase.js file.
```bash
apiKey: "",
authDomain: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: "",
```
4. Create a .env file in your root directory and input API key for TMDB site.
```bash
NEXT_PUBLIC_API_KEY=
```
5. Start the development server
```bash
npm run dev
```
5. This will open the website in your browser on http://localhost:3000