Chapter 351: Deploy the Remotion Studio on a VPS

Core Idea

<YouTube minutes={3} href="https://www. youtube.

Key Concepts

• Dockerizing the Remotion Studio
• Fly.io
• Render.com
• DigitalOcean App Platform
• Scaleway Serverless Container
• Example for deployment
• See also

Code Examples

FROM node:22-bookworm-slim

# Install Chrome dependencies
RUN apt-get update
RUN apt install -y \
  libnss3 \
  libdbus-1-3 \
  libatk1.0-0 \
  libgbm-dev \
  libasound2 \
  libxrandr2 \
  libxkbcommon-dev \
  libxfixes3 \
  libxcomposite1 \
  libxdamage1 \
  libatk-bridge2.0-0 \
  libpango-1.0-0 \
  libcairo2 \
  libcups2

# Copy everything from your project to the Docker image. Adjust if needed.
COPY package.json package*.json yarn.lock* pnpm-lock.yaml* bun.lockb* bun.lock* tsconfig.json* remotion.config.* ./
COPY src ./src

# If you have a public folder:
COPY public ./public

# Install the right package manager and dependencies - see below for Yarn/PNPM
RUN npm i

# Install Chrome
RUN npx remotion browser ensure

CMD ["npx", "remotion", "studio"]

• What it demonstrates: Usage pattern for Deploy the Remotion Studio on a VPS from the official docs.

Key Takeaways

1. Understand dockerizing the remotion studio when working with Deploy the Remotion Studio on a VPS.
2. Understand fly.io when working with Deploy the Remotion Studio on a VPS.
3. Understand render.com when working with Deploy the Remotion Studio on a VPS.
4. Understand digitalocean app platform when working with Deploy the Remotion Studio on a VPS.
5. Understand scaleway serverless container when working with Deploy the Remotion Studio on a VPS.

Connects To

• Clipper: related page in the Studio, Player & Editing section.
• Design Systems: related page in the Studio, Player & Editing section.
• Editor Starter: related page in the Studio, Player & Editing section.