Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/j471n/next-hulu
This web app is a clone of Hulu, a streaming service for movies and television shows. It utilizes the themoviedb API to retrieve data for the content that is displayed in the application. However, the data may differ from the data on the original Hulu platform.
https://github.com/j471n/next-hulu
hulu nextjs reactjs rest-api tailwind
Last synced: 2 months ago
JSON representation
This web app is a clone of Hulu, a streaming service for movies and television shows. It utilizes the themoviedb API to retrieve data for the content that is displayed in the application. However, the data may differ from the data on the original Hulu platform.
- Host: GitHub
- URL: https://github.com/j471n/next-hulu
- Owner: j471n
- License: mit
- Created: 2021-10-20T10:35:55.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-28T16:46:38.000Z (about 3 years ago)
- Last Synced: 2024-08-01T02:33:32.645Z (5 months ago)
- Topics: hulu, nextjs, reactjs, rest-api, tailwind
- Language: JavaScript
- Homepage: https://next-hulu-jt.vercel.app/
- Size: 155 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hulu Clone with Next.js
It is the clone of [Hulu](https://www.hulu.com/). it uses the `API` to fetch the data it just looks the same as Hulu the data contains in this application might be different from the original one.
## Features
- Fullscreen mode
- Can see the list via category
- Full Responsiveness
- Awesome UI
- Lazy Loading
## Technologies used
## Demo
[Click Here to see the Live Demo](https://next-hulu-jt.vercel.app/)
## Screenshots
## Getting Started
Create a directory or a folder
```bash
mkdir project
```
Clone the project
```bash
git clone https://github.com/j471n/next-hulu.git
```
Go to the project directory
```bash
cd project
```
Install dependencies
```bash
npm install
# or
yarn
```
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/\*. Files in this directory are treated as API routes instead of React pages.
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file
`NEXT_PUBLIC_API_KEY` - [ClickHere](https://www.themoviedb.org/)
- You can get the `API_KEY` by visiting the above link
- Create an account it's free
- After that go to **Profile > Setting > API**
- Here you will get the `key`
## License
[MIT](https://choosealicense.com/licenses/mit/)
## Feedback
If you have any feedback, please reach out to us at [email protected]
## Developer
- [@j471n](https://github.com/j471n/)