Generating 21 Multilingual Promo Videos from React Code with Remotion

I run Amida-san , an online Amidakuji (lottery ladder) service. For the Product Hunt launch, I needed a 30-second demo video, a 15-second clip for X, and a calmer pitch version -- each in English, Japanese, Chinese, and Korean. You can see the actual videos on the Amida-san top page . A promo video embedded on the landing page, showing the Amidakuji animation scene. Doing this manually in a video editor was not realistic. Instead, I wrote everything as React components. Remotion converts JSX to MP4 -- scenes are functions, translations are props, and rendering is reproducible. The result: a single npm run video:render:all command generates 21 videos (5 versions x 4 languages + 1) in about 15 minutes. Architecture -- A Standalone Subproject Remotion ships with heavy dependencies: @remotion/bundler , @remotion/renderer , Webpack toolchain, and ffmpeg bindings. Mixing these into a Vite-based React app bloats node_modules and causes version conflicts. I separated it into a subproject with