This video uploader and playback app is built with Next.js and api.video, the video first API.
https://with-apivideo.vercel.app/videos
Deploy the example using Vercel:
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-apivideo
yarn create next-app --example with-apivideo
pnpm create next-app --example with-apivideo
Deploy it to the cloud with Vercel (Documentation).
- Go to dashboard.api.video, log in or create a free account.
- You can choose to stay in sandbox and have watermark over your videos, or enter in production mode and take advantage of all the features without limitations.
- Once in the dashboard, find your API keys directly in the
/overview
or navigate to/apikeys
with the "API Keys" button in the side navigation. - Copy your API key, and paste it in
.env.local.example
as value forAPI_KEY
. - Rename
.env.local.example
to.env.local
. - Install the packages by running
npm install
,yarn install
orpnpm install
. - You can now try the application locally by running
npm run dev
,yarn dev
orpnpm dev
from the root directory.
- First, push your app to GitHub/GitLab or Bitbucket
- Then, go to Vercel and import your new repository.
- Add an environment variable with name
API_KEY
and your API key for value. - Click on deploy 🎉