archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
rsnext/examples/with-apivideo
History
JTaylor0196 f7baa56792
update example Deploy button URLs (#48842) 
### What?
Updates Deploy button URLs for all listed examples here:
https://github.com/vercel/next.js/tree/canary/examples

### Why?
The Deploy URLs are currently broken and result in a failed clone
attempt on Vercel.

### How?
The URLs have been changed from https://vercel.com/new/git/external?… to
-> https://vercel.com/new/clone?…
(Last updated
[here](8eaabe2fb0)
in 2021)
2023-04-26 13:31:44 -04:00
..
components Example/with apivideo (#45272) 2023-02-02 13:44:37 +00:00
pages Example/with apivideo (#45272) 2023-02-02 13:44:37 +00:00
public chore(examples): update with-apivideo (#39727) 2022-10-20 17:05:54 +02:00
style chore(examples): update with-apivideo (#39727) 2022-10-20 17:05:54 +02:00
.env.local.example chore(examples): update with-apivideo (#39727) 2022-10-20 17:05:54 +02:00
.gitignore Remove incorrect entries for pnpm debug log (#47241) 2023-03-26 22:26:05 -07:00
next-env.d.ts Remove incorrect entries for pnpm debug log (#47241) 2023-03-26 22:26:05 -07:00
next.config.js Example/with apivideo (#45272) 2023-02-02 13:44:37 +00:00
package.json Example/with apivideo (#45272) 2023-02-02 13:44:37 +00:00
README.md update example Deploy button URLs (#48842) 2023-04-26 13:31:44 -04:00
tsconfig.json chore(examples): update with-apivideo (#39727) 2022-10-20 17:05:54 +02:00

README.md

api.video video uploader

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

Demo

https://with-apivideo.vercel.app/videos

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

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).

Getting started

1. Create an api.video free account

  1. Go to dashboard.api.video, log in or create a free account.
  2. 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

  1. 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.
  2. Copy your API key, and paste it in .env.local.example as value for API_KEY.
  3. Rename .env.local.example to .env.local.
  4. Install the packages by running npm install, yarn install or pnpm install.
  5. You can now try the application locally by running npm run dev, yarn dev or pnpm dev from the root directory.

3. Deployment

  1. First, push your app to GitHub/GitLab or Bitbucket
  2. Then, go to Vercel and import your new repository.
  3. Add an environment variable with name API_KEY and your API key for value.
  4. Click on deploy 🎉