Entry point - Remotion

The entry point is the file where the Remotion CLI and @remotion/renderer APIs will look for a Remotion project.

By default in most templates, it is src/index.ts.
In older projects, it may have an .tsx extension instead of .ts.
The entry point can be passed to the render command, for example: npx remotion render src/index.ts.
The entry point should call registerRoot().
If you render a video using npx remotion render, the entry point is printed in grey.
You can customize the default entry point in the config file using Config.setEntryPoint().

Which entry point is being used?

If you call npx remotion render, the entry point and the reason why it was chosen will be printed. The algorithm is as follows:

<Step>1</Step> If the entry point is directly passed, for example <code>npx remotion render src/index.ts</code>, use that.

<Step>2</Step> Otherwise, if a path was specified in the <a href="/docs/config">Configuration file</a> using <a href="/docs/config#setentrypoint"><code>Config.setEntryPoint()</code></a>, use that.

<Step>3</Step> Go through the following common paths and if one exists, use that:

<ul> <li><code>src/index.ts</code></li> <li><code>src/index.tsx</code></li> <li><code>src/index.js</code></li> <li><code>src/index.mjs</code></li> <li><code>remotion/index.tsx</code></li> <li><code>remotion/index.ts</code></li> <li><code>remotion/index.js</code></li> <li><code>remotion/index.mjs</code></li> <li><code>src/remotion/index.tsx</code></li> <li><code>src/remotion/index.ts</code></li> <li><code>src/remotion/index.js</code></li> <li><code>src/remotion/index.mjs</code></li> </ul>

In the Player

In the Remotion Player, there is no concept of an entry point.
You directly pass a React component and metadata to the <Player>.