Deploy OpenVideo Editor
Online react video editor using remotion. Capcut and canva clone.
react-video-editor
Just deployed
Deploy and Host OpenVideo Editor on Railway
OpenVideo Editor is a lightweight, browser-based video editor built with Next.js and the OpenVideo engine. It provides professional editing capabilities including multi-track timelines, real-time canvas editing, effects, transitions, asset management, and client-side video exporting using modern browser APIs. It is designed both as a production-ready web editor and a starter kit for developers building custom video editing SaaS applications.
About Hosting OpenVideo Editor
Hosting OpenVideo Editor on Railway allows you to deploy a modern Next.js application without managing servers or infrastructure. Railway automatically builds the application directly from your repository, provisions HTTPS, and exposes it through secure public networking. The editor performs rendering, playback, and exporting inside the user's browser using WebCodecs and PixiJS, reducing server-side processing requirements. Railway also provides a centralized interface for configuring environment variables used by external integrations such as Cloudflare R2, Deepgram, and Pexels. Automatic deployments, scalable infrastructure, and simplified configuration make Railway an excellent platform for hosting OpenVideo Editor in development, staging, or production environments.
Common Use Cases
- Browser-based video editing platforms
- Video editing SaaS products
- Internal media production and content creation tools
Dependencies for OpenVideo Editor Hosting
- Cloudflare R2 or any S3-compatible object storage (required for media uploads)
- Deepgram API (required for audio and video transcription)
- Pexels API (required for stock media library integration)
Deployment Dependencies
| Resource | URL |
|---|---|
| GitHub Repository | https://github.com/openvideodev/react-video-editor |
| Cloudflare R2 Documentation | https://developers.cloudflare.com/r2/ |
| Deepgram Documentation | https://developers.deepgram.com |
| Pexels API Documentation | https://www.pexels.com/api/ |
Implementation Details
Docker
No Docker image or Dockerfile is documented in the repository.
Railway automatically detects the Next.js application and builds it during deployment.
Public Networking
Configure the Railway service using an HTTP proxy.
| Setting | Value |
|---|---|
| Proxy Type | HTTP Proxy |
| Target Port | 8080 |
Environment Variables
Configure the following variables in Railway → Service → Variables.
| Variable | Required | Description |
|---|---|---|
R2_BUCKET_NAME | Yes | Name of the Cloudflare R2 bucket used for uploaded media. |
R2_ACCESS_KEY_ID | Yes | Access Key ID for the R2 bucket. |
R2_SECRET_ACCESS_KEY | Yes | Secret Access Key for the R2 bucket. |
R2_ACCOUNT_ID | Yes | Cloudflare Account ID that owns the R2 bucket. |
R2_PUBLIC_DOMAIN | Yes | Public domain or CDN URL used to serve uploaded assets. |
DEEPGRAM_API_KEY | Yes | API key used for speech-to-text transcription. |
DEEPGRAM_URL | No | Deepgram API endpoint. Defaults to https://api.deepgram.com/v1. |
DEEPGRAM_MODEL | No | Deepgram transcription model. Defaults to nova-2. |
PEXELS_API_KEY | Yes | API key used for searching and importing stock media from Pexels. |
Raw Editor example:
# Cloudflare R2 / S3 Storage
R2_BUCKET_NAME=
R2_ACCESS_KEY_ID=
R2_SECRET_ACCESS_KEY=
R2_ACCOUNT_ID=
R2_PUBLIC_DOMAIN=
# Deepgram
DEEPGRAM_API_KEY=
DEEPGRAM_URL=https://api.deepgram.com/v1
DEEPGRAM_MODEL=nova-2
# Pexels
PEXELS_API_KEY=
Obtaining API Credentials
Cloudflare R2
- Create an R2 bucket in your Cloudflare dashboard.
- Generate an R2 API Token with read/write permissions.
- Copy the Bucket Name, Access Key ID, Secret Access Key, Account ID, and your public bucket domain into Railway Variables.
Deepgram
- Create a Deepgram account.
- Generate an API Key from the developer dashboard.
- Add the API key to the
DEEPGRAM_API_KEYvariable.
Pexels
- Register for a free Pexels developer account.
- Generate an API key.
- Add the key to the
PEXELS_API_KEYvariable.
Persistent Storage
A Railway Volume is not required.
The application stores uploaded media in Cloudflare R2 (or another S3-compatible object storage service) rather than on the Railway instance. Because of this, no local persistent filesystem is needed for production deployments.
Database
No database service is required.
The application does not document any dependency on PostgreSQL, MySQL, Redis, MongoDB, or another database.
Build & Start
Railway automatically detects the Next.js application and installs project dependencies during deployment.
No custom build or start commands are required.
Accessing the Application
Once deployment completes:
- Open your Railway project.
- Navigate to Settings → Networking.
- Select Generate Domain.
- Open the generated Railway URL in your browser.
No default administrator account or login credentials are documented by the project.
Why Deploy OpenVideo Editor on Railway?
Railway is a singular platform to deploy your infrastructure stack. Railway will host your infrastructure so you don't have to deal with configuration, while allowing you to vertically and horizontally scale it.
By deploying OpenVideo Editor on Railway, you are one step closer to supporting a complete full-stack application with minimal burden. Host your servers, databases, AI agents, and more on Railway.
Template Content
react-video-editor
iqbalexperience/react-video-editorPEXELS_API_KEY
