https://github.com/remotion-dev/template-vercel
Next.js template for rendering Remotion videos with Vercel Sandbox
https://github.com/remotion-dev/template-vercel
Last synced: 4 months ago
JSON representation
Next.js template for rendering Remotion videos with Vercel Sandbox
- Host: GitHub
- URL: https://github.com/remotion-dev/template-vercel
- Owner: remotion-dev
- Created: 2026-02-05T11:05:00.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-02-09T15:14:41.000Z (4 months ago)
- Last Synced: 2026-02-10T07:56:39.571Z (4 months ago)
- Language: TypeScript
- Homepage: https://template-vercel-pied.vercel.app
- Size: 202 KB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a Next.js template for building programmatic video apps with [`@remotion/player`](https://remotion.dev/player) and rendering via [Vercel Sandbox](https://vercel.com/docs/functions/sandbox).
This template uses the Next.js App directory with TailwindCSS. Videos are rendered in a Vercel Sandbox environment and stored in [Vercel Blob](https://vercel.com/docs/storage/vercel-blob) storage.
## Getting Started
[Use this template](https://github.com/new?template_name=template-vercel&template_owner=remotion-dev) to clone it into your GitHub account. Run
```
npm i
```
afterwards. Alternatively, use this command to scaffold a project:
```
npx create-video@latest --vercel
```
## Commands
Start the Next.js dev server:
```
npm run dev
```
Open the Remotion Studio:
```
npx remotion studio
```
Render a video locally:
```
npx remotion render
```
Upgrade Remotion:
```
npx remotion upgrade
```
## Deploy to Vercel
The only requirement is to set up a Vercel Blob store and attach it to your project.
It is advisable to first deploy the template to Vercel so you have a project to attach the Blob store to.
1. Go to your Vercel dashboard
2. Navigate to Storage > Create > Blob
3. Create a new Blob store and attach it to your project
If you deploy your app to the same Vercel project where your Blob store is attached, the `BLOB_READ_WRITE_TOKEN` environment variable is automatically available.
## Local Development
To get access to sandboxes, just make sure you are logged in with the [Vercel CLI](https://vercel.com/docs/cli):
```bash
vercel login
```
To run renders locally, pull the `BLOB_READ_WRITE_TOKEN` environment variable from your attached Blob store:
```bash
vercel link # Link to your Vercel project (if not already linked)
vercel env pull .env.local
```
This pulls `BLOB_READ_WRITE_TOKEN` from your attached Blob store.
Then start the dev server:
```bash
npm run dev
```
## Docs
Read more about this template [here](https://remotion.dev/docs/vercel-sandbox).
## Help
We provide help on our [Discord server](https://remotion.dev/discord).
## Issues
Found an issue with Remotion? [File an issue here](https://remotion.dev/issue).
## License
Note that for some entities a company license is needed. [Read the terms here](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md).