Remotion Astro Starter Kit

如果觉得这个项目不错的话，可以点个⭐，非常感谢

If you like this project give it a ⭐

ℹ️ Information

Work in progress

📌 Key Features

• 💙 - Remotion

• Create real MP4 videos using React.

• 使用 React 创建真正的 MP4 视频

• 🔍 - 📝 站响应式布局，兼容移动端，支持暗黑模式，响应速度快

• 🔍 - 📝 Responsive & Dark Design

• 🌏 - Translation using astro-i18n-aut

• 🌏 - 我们使用 astro-i18n-aut 对页面进行乘法运算

• 🧅 - Auth using MagicLink with Lucia auth & resend.

• 🧅 - 使用 MagicLink 与 LuciaLucia 验证和重新发送。

    - Middleware for usercheck. Individual Route protection.
     - 用于用户检查的中间件。个人路由保护。
  

• 🌴 Tan Router

• 🌴谭路由器

✨ Tech Stacks

• 💻 Frontend: Astro + Tailwind + Shadcn/ui
• 🗂️ Database: Turso + Drizzle
• 💙 Remotion
• 🌴 Tan Router

🐱 Setup

Rename the sstExample.ts -> sst.config.ts Rename src/database/tursoExample -> db.ts Rename drizzleExample.ts -> drizzle.config.ts Rename .env.example -> .env (optional...)

Set your env variables. Turso url & token and Resend api key

set your sst secrets

🐱 设置

重命名 sstExample.ts -> sst.config.ts 重命名 src/database/tursoExample -> db.ts 重命名 drizzleExample.ts -> drizzle.config.ts 重命名 .env.example -> .env （可选...）

设置环境变量。更改 url 和令牌并重新发送 api 密钥

设置您的 sst secrets

⛳ Deployment

Fork这个项目，选择Github仓库，配置默认即可。

Have fun

🚀 Getting Started

👉 Install Dependencies

pnpm i

👉 Development Command

pnpm dev

👉 Remotion Studio Command

pnpm start

👉 Deploy Command

Deploys to production. Creates an url for you. Add a domain to aws route53 and put that domain name in sst.config.

部署到生产环境。为您创建一个 url。 在 aws route53 中添加一个域名，并将该域名放入 sst.config。

Deploys a Remotion Site & Lambda for rendering. 部署 Remotion 站点和 Lambda 以进行渲染

pnpm run deploy

📝 License

MIT

Code License: Released under the MIT license.