Hulu Clone with Next.js

It is the clone of Hulu. 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

Screenshots

Getting Started

Create a directory or a folder

  mkdir project

Clone the project

  git clone https://github.com/j471n/next-hulu.git

Go to the project directory

  cd project

Install dependencies

  npm install
  # or
  yarn

First, run the development server:

  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

• 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

Feedback

If you have any feedback, please reach out to us at jatinsharma089659@gmail.com

Developer

• @j471n