rsnext/examples/with-apivideo-upload
Tim Neutkens ed81a14922
Enable @typescript-eslint/no-use-before-define for examples dir (#39469)
Found that this rule was added but all options are set to `false` so it doesn't do anything. Started with enabling it for examples to ensure minimal breaking of existing PRs.

## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm lint`
- [ ] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
2022-08-10 16:30:36 +00:00
..
components Enable @typescript-eslint/no-use-before-define for examples dir (#39469) 2022-08-10 16:30:36 +00:00
pages Enable @typescript-eslint/no-use-before-define for examples dir (#39469) 2022-08-10 16:30:36 +00:00
public Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00
style Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00
.env.local.example Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next-env.d.ts Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00
next.config.js Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00
package.json Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00
README.md Land(Update example with-apivideo-upload README) (#39391) 2022-08-08 00:33:17 -05:00
tsconfig.json Add example: with-apivideo-upload (#36050) 2022-07-06 16:35:49 +02:00

api.video video uploader

This video uploader and playback app is built with Next.js and api.video, the video first API.

Demo

https://apivideo-uploader.vercel.app/

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-apivideo-upload with-apivideo-upload-app
yarn create next-app --example with-apivideo-upload with-apivideo-upload-app
pnpm create next-app --example with-apivideo-upload with-apivideo-upload-app

Deploy it to the cloud with Vercel (Documentation).

Getting started

1. Create an api.video free account

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.

2. Get you API key

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 for API_KEY. Rename .env.local.example to .env.local. You can now try the application locally by running npm run dev, yarn dev or pnpm dev from the root directory.

3. Deployment

First, push your app to GitHub/GitLab or Bitbucket The, 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 🎉