Starting the Studio

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem';

Using the Remotion Studio, you can preview your video, and if a server is connected, even render the video.

Prerequisites

The Remotion CLI is required for this guide.
Most templates have it out of the box, but you can install it by running the following command in your terminal:

<Tabs defaultValue="npm" values={[ { label: 'npm', value: 'npm', }, { label: 'pnpm', value: 'pnpm', }, { label: 'yarn', value: 'yarn', }, { label: 'bun', value: 'bun', }, ] }> <TabItem value="npm">

npm i @remotion/cli

pnpm i @remotion/cli

yarn add @remotion/cli

bun i @remotion/cli

Launching the Studio

You can start the Remotion Studio by running the following command in your terminal:

<Tabs defaultValue="Regular templates" values={[ { label: 'Regular templates', value: 'Regular templates', }, { label: 'Next.js and React Router 7 templates', value: 'Next.js and React Router templates', }, ] }> <TabItem value="Regular templates">

npm start

npm run remotion

This is a shorthand for the studio command of the Remotion CLI:

npx remotion studio

See the available options here.

A server will be started on port 3000 (or a higher port if it isn't available) and the Remotion Studio should open in the browser.