4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409 |
||
---|---|---|
.. | ||
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://with-apivideo.vercel.app/videos
Deploy your own
Deploy the example using 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
- 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 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.
3. Deployment
- 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 🎉