27bfdec1ea
* feat(app): Landing * feat(index): Add button to video view * Remove React stric mode * feat(index): Handle navigate with query params * feat(app): Create common style * feat(app): Video view * feat(video view): Add footer * feat(app): Add .env * feat(index): Hide upload button on progress * Update pages type * Change MyApp props type * feat(index): Add prod domain for fetching * update(app): CSS * update(index): Domain name * feat(index): Remove getSSProps * Update README * Update README * update(status): CSS * feat(index): Add link to GitHub repo * Remove static API key from .env * Lint * update(packages): next version * Lint + Prettier * Remove name & version from package.json * update: Rename .env.development -> .env.local.example * update: Remove esLint + updagrade React & ReactDOM version * Remove yarn.lock changes Co-authored-by: José Barcelon-Godfrey <jose.barcelon@gmail.com> |
||
|---|---|---|
| .. | ||
| components | ||
| pages | ||
| public | ||
| style | ||
| .env.local.example | ||
| .gitignore | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
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:
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
# or
yarn create next-app --example with-apivideo-upload with-apivideo-upload-app
# or
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.development as value for API_KEY.
You can now try the application locally by running npm run 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 🎉