Chapter 152: Server-Side Rendering

Core Idea

Remotion's rendering engine is built with Node. JS, which makes it easy to render a video in the cloud.

Key Concepts

• Render a video on AWS Lambda
• Render using Vercel Sandbox
• Render a video using Node.js APIs
• Render using GitHub Actions
• With input props
• Render a video using Docker
• Deploy to a cloud platform
• Render a video using GCP Cloud Run (Alpha)

Code Examples

name: Render video
on:
  workflow_dispatch:
jobs:
  render:
    name: Render video
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@main
      - uses: actions/setup-node@main
      - run: npm i
      - run: npx remotion render MyComp out/video.mp4
      - uses: actions/upload-artifact@v4
        with:
          name: out.mp4
          path: out/video.mp4

• What it demonstrates: Usage pattern for Server-Side Rendering from the official docs.

Key Takeaways

1. Understand render a video on aws lambda when working with Server-Side Rendering.
2. Understand render using vercel sandbox when working with Server-Side Rendering.
3. Understand render a video using node.js apis when working with Server-Side Rendering.
4. Understand render using github actions when working with Server-Side Rendering.
5. Understand with input props when working with Server-Side Rendering.

Connects To

• Chromium Flags: related page in the Rendering & SSR section.
• Compare ssr: related page in the Rendering & SSR section.
• Dataset Render: related page in the Rendering & SSR section.