Chapter 766: Dependencies of the Editor Starter

Core Idea

The Editor Starter is built in React 19 and Remotion. The reference implementation is built in React Router v7 with the goal of being easily portable to other frameworks.

Key Concepts

• Captions
• Asset uploads
• Rendering
• Google Fonts
• NPM packages

Code Examples

{
  "@aws-sdk/s3-request-presigner": "^3.1094.0",
  "@radix-ui/react-context-menu": "^2.3.5",
  "@radix-ui/react-popover": "^1.1.21",
  "@radix-ui/react-select": "^2.3.5",
  "@react-router/node": "^7.18.1",
  "@react-router/serve": "^7.18.1",
  "@remotion/captions": "4.0.499",
  "@remotion/cli": "4.0.499",
  "@remotion/gif": "4.0.499",
  "@remotion/google-fonts": "4.0.499",
  "@remotion/lambda": "4.0.499",
  "@remotion/layout-utils": "4.0.499",
  "@remotion/media": "4.0.499",
  "@remotion/openai-whisper": "4.0.499",
  "@remotion/player": "4.0.499",
  "@remotion/rounded-text-box": "4.0.499",
  "@remotion/shapes": "4.0.499",
  "@remotion/web-renderer": "4.0.499",
  "@tanstack/react-virtual": "^3.14.8",
  "@vercel/react-router": "^1.3.1",
  "isbot": "^5.2.1",
  "mediabunny": "1.50.8",
  "openai": "^6.49.0",
  "react": "^19.2.8",
  "react-dom": "^19.2.8",
  "react-router": "^7.18.1",
  "remotion": "4.0.499",
  "sonner": "^2.0.7",
  "zod": "4.4.3"
}

• What it demonstrates: Usage pattern for Dependencies of the Editor Starter from the official docs.

Key Takeaways

1. Understand captions when working with Dependencies of the Editor Starter.
2. Understand asset uploads when working with Dependencies of the Editor Starter.
3. Understand rendering when working with Dependencies of the Editor Starter.
4. Understand google fonts when working with Dependencies of the Editor Starter.
5. Understand npm packages when working with Dependencies of the Editor Starter.

Connects To

• Asset Cleanup: related page in the Editor Starter Template section.
• Asset Uploads: related page in the Editor Starter Template section.
• Backend Routes: related page in the Editor Starter Template section.