An open-source example application that allows users to list videos in the youtube style using api.video

View Demo

• @api.video/nodejs-client. - api.video's Node.js is a lightweight client built in TypeScript that streamlines the coding process. Chunking files is handled for you, as is pagination and refreshing your tokens.

• /pages/api routes — a couple endpoints for making requests to the api.video API.
• Dynamic routes to display a specific video.
• Usage of React API Context to store a new ApiKey

First we need to clone the project

git clone git@github.com:apivideo/youtube-clone-next.git
cd youtube-clone-next

# run the development server
npm run dev
# or
yarn dev

All you need to set this up is a api.video account. You can sign up for free. You can use our services in sandbox environment but the videos you upload will last 24 hours.

Once you signed up, you will have a sandbox API Key available on the home page.

In order to see your videos by default, all you have to do is to use your API Key. You need to create a environment variable at the root of the project.

touch .env.development

Then edit the file like API_KEY should be your API_KEY available on the dashboard

API_KEY = XXXXXXXXXXXXXXXXXXXXXXXXXXX;