Skip to main content

Setup

After obtaining the Editor Starter, you should fork it to your own account.

After cloning the repository, you can install the dependencies by running:

Start a new project​

If you are starting a new project, you can stay in your repository and install dependencies:

npm i

Run the app using:

npm run dev

The app may be deployed like any other React Router 7 app, for example by connecting the repository to Vercel.

Copying into an existing project​

If you already have a project, you can copy the src/editor folder into your existing project.
The following instructions were tested on a new Next.js project with Tailwind and TypeScript enabled, but it should work with any React framework.

Install the dependencies.

Copy the src/editor folder into your existing project.

Mount the editor in your app. For example, in Next.js, in page/app.tsx:

page/app.tsx
ts
import { Editor } from "./editor/editor";
export default function Home() {
  return <Editor />;
}

Set up the backend routes.

Setting up asset uploads​

If the user drops in any assets, you can configure them to be uploaded to an S3 bucket. See Asset uploads for more information.

Setting up rendering​

TODO

Setting up captions​

You can setup AI transcription for audio and video assets.
Editor Starter - Captioning