New Project
Render your Remotion videos on Vercel.
This is a Next.js template for building programmatic video apps with @remotion/player and rendering via Vercel Sandbox.
This template uses the Next.js App directory with TailwindCSS. Videos are rendered in a Vercel Sandbox environment and stored in Vercel Blob storage.
Use this template to clone it into your GitHub account. Run
afterwards. Alternatively, use this command to scaffold a project:
Start the Next.js dev server:
Open the Remotion Studio:
Render a video locally:
Upgrade Remotion:
This template does not include rate limiting or caching. Implement these before making your app publicly available, and set up Vercel Spend Management to control costs. Sandbox snapshots, rendered videos, and other Vercel Blob data persist indefinitely – delete them when no longer needed.
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.
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.
To get access to sandboxes, just make sure you are logged in with the Vercel CLI:
To run renders locally, pull the BLOB_READ_WRITE_TOKEN environment variable from your attached Blob store:
This pulls BLOB_READ_WRITE_TOKEN from your attached Blob store.
Then start the dev server:
Read more about this template here.
We provide help on our Discord server.
Found an issue with Remotion? File an issue here.
Note that for some entities a company license is needed. Read the terms here.
