---
id: gh-remotion-saas
name: "remotion-saas"
url: https://skills.yangsir.net/skill/gh-remotion-saas
author: remotion-dev
domain: ai-app-building-integration
tags: ["remotion", "video-editing", "saas", "react", "rendering"]
install_count: 182200
rating: 4.80 (120 reviews)
github: https://github.com/remotion-dev/skills/tree/main/skills/remotion-best-practices/remotion-saas
---

# remotion-saas

> 此技能帮助开发者基于 Remotion 构建视频应用，提供 Player 集成、渲染方案选择（Lambda、Vercel、Node.js、Cloudflare）以及 Vue/Angular/Svelte 框架支持，快速搭建视频编辑或生成类 SaaS 产品。

**Stats**: 182,200 installs · 4.8/5 (120 reviews)

## Before / After 对比

### 视频应用搭建效率

**Before**:

在没有这个技能之前，开发者需要手动查阅官网文档、对比不同渲染方案、自行集成 Player 并处理框架兼容问题，从零搭建一个可用的视频应用原型通常需要 24 小时以上的试错时间。

**After**:

此技能提供经过验证的模板、Player 集成指南和渲染方案对比，开发者只需按步骤配置，4 小时内即可完成视频应用的核心框架搭建。

| Metric | Before | After | Change |
|---|---|---|---|
| 搭建时长 | 24小时 | 4小时 | -83% |

## Readme

One can build apps with Remotion.  
It is possible to have a simple form and hook it up to a render, or have a complex video editor.

## Choosing a template or a framework

We have several templates for SaaS which can be cloned or used as a reference.
See [Choosing a framework](framework.md) for help choosing a template or framework. 

## The `<Player>`

This component allows embedding a Remotion preview in a React app. See [Player](player.md) for more information about the Player.

## Rendering

There are client-side and server-side rendering options available. See [Rendering](rendering.md) for advice on how to choose, and about the Lambda, Vercel, Node.js and Cloudflare options.

## With Vue

See https://www.remotion.dev/docs/vue.md for how to use Remotion with Vue.

## Angular

See https://www.remotion.dev/docs/angular.md for how to use Remotion with Angular.

## Svelte

See https://www.remotion.dev/docs/svelte.md for how to use Remotion with Svelte.


---
*Source: https://skills.yangsir.net/skill/gh-remotion-saas*
*Markdown mirror: https://skills.yangsir.net/api/skill/gh-remotion-saas/markdown*