https://github.com/remotion-dev/template-next-pages-dir
Next.js template for programmatic video apps
https://github.com/remotion-dev/template-next-pages-dir
next react remotion
Last synced: 10 months ago
JSON representation
Next.js template for programmatic video apps
- Host: GitHub
- URL: https://github.com/remotion-dev/template-next-pages-dir
- Owner: remotion-dev
- Created: 2022-09-27T03:00:23.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-24T09:51:08.000Z (11 months ago)
- Last Synced: 2025-08-10T01:21:34.336Z (10 months ago)
- Topics: next, react, remotion
- Language: TypeScript
- Homepage: https://next.remotion.dev
- Size: 240 KB
- Stars: 47
- Watchers: 3
- Forks: 7
- 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 [`@remotion/lambda`](https://remotion.dev/lambda) built in.
This template uses the Next.js Pages directory. There is a [App directory version](https://github.com/remotion-dev/template-next-app-dir) of this template available.
## Getting Started
[Use this template](https://github.com/new?template_name=template-next-pages-dir&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 --next-pages-dir
```
## 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
```
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
## Set up rendering on AWS Lambda
This template supports rendering the videos via [Remotion Lambda](https://remotion.dev/lambda).
1. Copy the `.env.example` file to `.env` and fill in the values.
Complete the [Lambda setup guide](https://www.remotion.dev/docs/lambda/setup) to get your AWS credentials.
1. Edit the `config.mjs` file to your desired Lambda settings.
1. Run `node deploy.mjs` to deploy your Lambda function and Remotion Bundle.
## Docs
Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).
## 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).