![](https://private-user-images.githubusercontent.com/1629785/259092551-9092db5f-7c0c-4d38-97c4-5f5a61f5cc09.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzNzg0NDMsIm5iZiI6MTcxOTM3ODE0MywicGF0aCI6Ii8xNjI5Nzg1LzI1OTA5MjU1MS05MDkyZGI1Zi03YzBjLTRkMzgtOTdjNC01ZjVhNjFmNWNjMDkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjZUMDUwMjIzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2JkMzZmMTc3MTMwNGNmYTQ2ZWRhNTllNWQzMGUwYTRiYzFkOGMxMmU5YmFhYTFkZThiNDJiMjMyNDRiNGRmMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Fe4ErdA98WE0yVtDQ8H47gR2rcumkUEQs4XchxEZFNs)
This is a Next.js template for building programmatic video apps, with @remotion/player
and @remotion/lambda
built in.
This template uses the Next.js App directory. There is a Tailwind CSS version and a Pages directory version of this template available.
![](https://private-user-images.githubusercontent.com/1629785/259091395-c9c2e5ca-2637-4ec8-8e40-a8feb5740d88.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzNzg0NDMsIm5iZiI6MTcxOTM3ODE0MywicGF0aCI6Ii8xNjI5Nzg1LzI1OTA5MTM5NS1jOWMyZTVjYS0yNjM3LTRlYzgtOGU0MC1hOGZlYjU3NDBkODgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjZUMDUwMjIzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjgzMTE1N2U4ODk4NmFlODRlNTkyNzU3OTA0YjQzZGRmMDkxM2M2MjMyZjJlMDI5MDQyMzBmMzk5YWQ1MzczNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.JWumddrWaKjJ3zjgMFk2zgi52gxOIPtp0S4MzQUdE4Y)
Use this template to clone it into your GitHub account. Run
npm i
afterwards. Alternatively, use this command to scaffold a project:
npx create-video@latest --next
Start the Next.js dev server:
npm run dev
Open the Remotion Studio:
npm run remotion
The following script will set up your Remotion Bundle and Lambda function on AWS:
node deploy.mjs
You should run this script after:
- changing the video template
- changing
config.mjs
- upgrading Remotion to a newer version
This template supports rendering the videos via Remotion Lambda.
-
Copy the
.env.example
file to.env
and fill in the values. Complete the Lambda setup guide to get your AWS credentials. -
Edit the
config.mjs
file to your desired Lambda settings. -
Run
node deploy.mjs
to deploy your Lambda function and Remotion Bundle.
Get started with Remotion by reading the fundamentals page.
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.